Aggiorna la griglia di Kendo basata sul modulo di ricerca

Question

Ho fatto un sacco di ricerca ma non ho trovato una risposta chiara per questo.Ho un set di testo impostato che e un pulsante di invio e una griglia dell'interfaccia utente di Kendo.Voglio pubblicare i dati per il datasource della griglia in modo che restituisca i risultati in base ai criteri.Non sto usando gli involucri MVC.

Modifica: Mi sono avvicinato ma non riesco a ottenere il DataSource per inviare i dati post quando faccio clic su Invia.Mi sono debugged e nel mio $ ("# FmSearch"). Inviamento Sta colpendo il plugin jQuery e ho confermato che sta convertendo i dati del modulo su JSON correttamente, ma sembra che non sia invio delle informazioni aggiornateal server in modo che l'azione possa leggerla.

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 Azione

[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()); ;
    }

.

L'azione non è impostata per recuperare dati diversi in questo momento ho solo bisogno di sapere come collegare il modulo alla griglia.

Answer 1

ha trovato il problema.Ho avuto questo:

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

.

Doveva essere questo:

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

.