ASP.Net MVC 3 JQGrid

EF не поддерживает метод ToString, вы должны получать данные без ToString и форматировать

это должно работать

public ActionResult LinqGridData(string sidx, string sord, int page, int rows)
{
    AssetEntities context = new AssetEntities();

    var query = from e in context.Equipments
                select e;

    var count = query.Count();

    var result = new
    {
        total = 1,
        page = page,
        records = count,
        rows = query.Select(x => new { x.equipamentID, x.Category.categoryTitle,x.Department.title })
                    .ToList() // .AsEnumerable() whatever
                    .Select(x => new { 
                        id = x.equipamentID,
                        cell = new string[] {
                            x.equipamentID.ToString(),
                            x.categoryTitle,
                            x.title
                        }})
                    .ToArray(),
    };

    return Json(result, JsonRequestBehavior.AllowGet);

}

Взгляните на пример кода из другой ответ. Надеюсь, это будет полезно.

Небольшие замечания:

1. sortname: 'Id' - неверный параметр, потому что у вас нет столбца с именем "Id". Вы, наверное, имеете в виду sortname:'equipmentID'.
2. Вам следует удалить imgpath: '/scripts/themes/coffee/images' параметр jqGrid, который отключен.
3. Вы должны удалить все атрибуты, кроме id из HTML-кода: <table id="list"></table><div id="pager"></div>

Ах, я нашел проблему. .ToString не работает в LINQ to Entity. Да, это странно и ИМО очень глупо. Но это основная проблема. Что касается обходного пути ... когда JSON сериализует вещи, они все равно очень похожи на строку, когда jQuery начинает их читать. Итак, по сути, вы должны иметь возможность полностью исключить .ToString (), и он должен работать.

Я рассмотрю проблему встроенного редактирования и добавления новой строки в jqGrid, поскольку это применимо к ASP.NET MVC 3 и Razor C #. Я также включу код контроллера C # для заполнения сетки и сохранения данных в сетке. Сначала давайте посмотрим, как установить jqGrid 4.4.1 в веб-приложение MVC3 с помощью диспетчера пакетов NuGet.

1. Установите jQuery 1.7.2 или выше.
2. Установите jQuery.UI.Combined.
3. Установите jqGrid 4.4.1

Вы можете скачать jqGrid отдельно от

http://www.trirand.com/blog/?page_id=6

а документацию jqGrid можно найти по адресу

http://www.trirand.com/jqgridwiki/doku.php

Я не собираюсь тестировать код в этом посте, но он основан на коде, который действительно работает. Я собираюсь использовать метод грубой силы для решения сложной и сложной проблемы заполнения jqGrid из метода действия, редактирования одной строки или добавления новой редактируемой строки, а затем сохранения строки в методе действия. Я уверен, что можно найти более оптимальные способы сделать это, но это хорошая отправная точка. Я не собираюсь показывать вам, как настроить внешний вид вашей jqGrid, я оставлю это вам. Я буду использовать JSON в качестве формата обмена данными между jqGrid и ASP.NET MVC 3. Я не собираюсь решать проблему удаления строки в сетке.

Начнем с метода действия GET в контроллере.

public JsonResult GetProduct(int productId = 0)
{
    var productsQuery = dbContext.FirstOrDefault(p => p.ProductId == productId);
    var productsList = new List<Products>();

    // SQL does not understand ToString() so we have to do this or something like it
    foreach(var p in productsQuery)
    {
        var product = new Product{
           ProductId = p.ProductId,
           Product.Name = p.Name,
           Product.Date = p.Date.ToShortDateString()
           // and so on...
        };
        productsList.Add(product);
    }

    // You must build an anonymous object that can then be converted into a 2-dimensional 
    // array formatted for jqGrid, convert it to a 2d array then Json.  Note that all grid 
    // data must be in string format.
    var jsonData = new {
        total = 1,
        page = 1,
        records = productsQuery.Count(),
        rows = productsList.Select(p => new {
            id = p.id.ToString(),
            cell = new string[] {
                p.Name,
                p.Date.ToShortDateString(),
                // and so on...
               }
            }).ToArray();
        };

       return Json(jsonData, JsonRequestBehavior.AllowGet);
}

И вид ...

<script type="text/javascript">
    $(document).ready(function () {

        var lastSelectedId;
        var grid = $('#grid');
        grid.jqGrid({
            url: "@Url.Action("GetProducts", "Products")",
            datatype: 'json',
            mtype: 'post',
            colNames: ['ProductId', 'Name', 'Date',
                // and so on...
                ],
            colModel: [
                { name: 'ProductId', index: 'ProductId', editable: false },
                { name: 'Name', index: 'Name', editable: true, edittype: 'text' },
                { name: 'Date', index: 'Date', editable: true, edittype: 'text' }
                // and so on...
                ],
            onSelectRow: function(rowid) {
                if (rowid && rowid !== lastSelectedId) {
                    grid.jqGrid('resotreRow', lastSelectedId);
                    lastSelectedId = rowid;
                }
                grid.jqGrid('editRow', rowid, { keys: true });
            },
            editurl: "@Url.Action("SaveProducts", "Products");
            rownum: [10],
            rowList: [5,10,20,50],
            pager: '#grid_pager',
            sortName: 'Name',
            viewrecords: true,
            gridview: true,
            caption: 'Sample Grid'
    });
    grid.jqGrid('navGrid', '#pager', { edit: false, add: false: del: false,
         refresh: false });
    grid.jqGrid('inlineNav', '#pager', {
        addParams: {
            position: 'first',
            addRowParams: {
                keys: true,
                oneditfunc: onInlineEdit
            }
            add: true,
            edit: false,
            save: false,
            cancel: true
    });
    function onInlineEdit(rowid) {
        // add inline editing functionality here
    }             
</script>
@using (Html.BeginForm("","", FormMethod.Post, new { id = "ProductsForm" }))
{
    <table id="grid">
    </table>
    <div id="pager">
    </div>
}

а затем метод POST

[HttpPost]
public JsonResult SaveProduct(FormCollection frm)
{
    Product product;

    if (frm["oper"] == "add")
    {
        product = new Product();
    }
    else
    {
        int productId = Int32.Parse(frm["id"]);
        product = dbContext.Products.FirstOrDefault(p => p.ProductId == productId);
    }

    foreach (var key in frmAllKeys)
    {
        switch(key)
        {
            case "Name":
                product.Name = frm[key];
                break;
            case "Date":
                product.Date = DateTime.Parse(frm[key]);
                break;
            // and so on...
        }
    }

    try
    {
        if (frm["oper"] == "add")
        {
            dbContext.AddObject(product);
        }
        dbContext.SaveChanges();
    }
    catch (Exception ex)
    {
        Debug.WriteLine(exception.StackTrace);
        return Json(false);
    }
    return Json(true);
}

Есть способы сделать это лучше, но это хорошее начало. Я не занимаюсь проблемой динамической сетки. Я не уверен, как этого можно было достичь. Достаточно сказать, что динамический jqGrid потребует намного больше кода JavaScript и / или C #. Я бы посмотрел на функциональность «сетка в сетке» в jqGrid для объединения статической сетки с динамической сеткой.

Я попытался создать функциональность, которая принимала бы тип объекта, список записей и генерировала массив jqGrid и данные Json для сетки без необходимости выполнять всю дополнительную работу, показанную выше. Я думаю, что это можно сделать с помощью размышлений, но сейчас у меня нет на это времени.

Наконец, я также попытался создать функциональность, которая извлекала бы данные из FormCollection и заполняла объект, учитывая только тип объекта и FormCollection. Опять же, я думаю, что это можно сделать с помощью отражения, но сейчас у меня нет времени на это. Если кто-то хочет попытаться создать генератор и экстрактор Json MVC3 C # jqGrid, я бы порекомендовал вам использовать метод Entity Framework Code First с классами POCO для вашей модели. Для такой задачи с классами POCO намного проще работать, чем с объектами сущностей.

Надеюсь, это поможет :)