Atualização de Kendo Grelha com base No Formulário de Pesquisa, Pós

Question

Eu tenho feito um monte de pesquisar mas não encontrei uma resposta clara para isso.Eu tenho um conjunto de caixas de texto que e um botão de submeter e uma Kendo UI grade.Quero postar os dados para a grade de origem de dados, de modo que ele irá retornar resultados baseados em critérios.Eu não estou usando o MVC wrappers.

EDITAR:Eu cheguei mais perto, mas eu não consigo obter a fonte de dados para enviar os dados post quando eu clique em enviar.Eu já depurado e no meu $("#fmSearch").submeter é bater o plugin jquery e eu já confirmou que ele está convertendo os dados do formulário para JSON corretamente, mas parece que ele não enviar informações atualizadas para o servidor para que a Ação possa lê-lo.

Javascript

var dsGalleryItem = new kendo.data.DataSource({
        transport: {
            read: {
                url: '@Url.Content("~/Intranet/GalleryItem/SearchGalleryItems")',
                type: "POST",
                data: $("#fmSearch").serializeFormToJSON(),
                cache: false
            }
        },
        schema: {
            model: {
                id: "galleryItemID",
                fields: {
                    galleryItemID: {
                        nullable: true
                    },
                    imageName: {},
                    collectionName: {},
                    categoryName: {},
                    lastUpdatedOn: { type: "date" }
                }
            }
        }
    });




    var gvResults = $("#gvResults").kendoGrid({
        autoBind:false,
            columns: [{
                field: "imageName",
                title: "Item Name",
                template: "<a href='@Url.Content("~/Intranet/GalleryItem/Details/")#=galleryItemID#'> #=imageName#</a>"
            }, {
                field: "collectionName",
                title: "Collection"
            }, {
                field: "categoryName",
                title: "Category"
            }, {
                field: "lastUpdatedOn",
                title: "Last Updated",
                format: "{0:M/d/yyyy}"
            }
            ],
            selectable: "row",
            change: onRowSelect,
            dataSource: dsGalleryItem
        });






    $("#fmSearch").submit(
        function (event) {
            event.preventDefault();
            dsGalleryItem.read({ data: $("#fmSearch").serializeFormToJSON() });
    });

MVC Ação

[HttpPost]
    public JsonResult SearchGalleryItems(string keyword, int? category, int? collection, DateTime? startDate, DateTime? endDate)
    {

        var galleryItemList = (from g in db.GalleryItems
                               //where g.imageName.Contains(keyword)
                               select new GalleryItemViewModel
                               {
                                   galleryItemID = g.galleryItemID,
                                   imageName = g.imageName,
                                   collectionName = g.collection.collectionName,
                                   categoryName = g.category.categoryName,
                                   lastUpdatedOn = g.lastUpdatedOn
                               });

        var galleryItemCount = Json(galleryItemList.ToList());

        return Json(galleryItemList.ToList()); ;
    }

A ação não é de configuração para recuperar dados diferentes agora eu só preciso saber como conectar o formulário para a grade.

Answer 1

Encontrado o problema.Eu tinha esse:

dsGalleryItem.read({ data: $("#fmSearch").serializeFormToJSON() });

Ele precisava ser este:

dsGalleryItem.read($("#fmSearch").serializeFormToJSON());