Laden jsGrid durch den Aufruf Controller/WebService in MVC

Bin wirklich kämpfen, um das laden der jsGrid über den Controller-service. Bin nicht in der Lage, es zu tun korrekt.

Ich habe sogar versucht den Beispielcode aus dem jsGrid Website demo aber auch das hat nicht funktioniert entweder wirft er Fehler an !diese.Daten.Länge oder grid nicht geladen.

Bekomme ich keine Daten jedes mal, wenn ich versuche über folgenden code.

Schätzen, wenn jemand helfen kann.

Dies ist, wie bin laden die jsGrid:

$(element).jsGrid({
   height: 300,
   width: "100%",
    filtering: true,
    sorting: true,
    paging: true,
    autoload: true,
    pageLoading: true,

    controller: {
        loadData: function (filter) {
            $.ajax({
                type: "GET",
                url: "../Common/GetData",
                data: filter,
                dataType: "JSON"
            });
        }
    },
    pageSize: 10,
    pageButtonCount: 5,
    pageIndex: 1,

    noDataContent: "No Record Found",
    loadIndication: true,
    loadIndicationDelay: 500,
    loadMessage: "Please, wait...",
    loadShading: true,

    fields: [
        { name: "Name", type: "textarea", width: 150 },
        { name: "Age", type: "number", width: 50 },
        { name: "Address", type: "text", width: 200 },
        { name: "Country", type: "select" },
         {
             name: "", type: "text", width: 50, sorting: false, filtering: false,
             itemTemplate: function (value) {
                 return '<div class="edit-container"><a class="edit-custom-field-link">Edit</a><div class="sort-icon-container"><div class="up-arrow-icon"></div><div class="down-arrow-icon"></div></div></div>';
             }
         }
        //{ name: "Married", type: "checkbox", title: "Is Married", sorting: false }
        //,{ type: "control" }
    ]
});

Nicht vergessen: autoload: true , wenn nicht loadData nicht aufgerufen werden

InformationsquelleAutor Joshua I | 2016-02-27

6

Sollten Sie nutzen verspricht, während Sie Daten laden,
```
loadData: function(filter) {

  return $.ajax({
        type: "GET",
        url: "../Common/GetData",
        data: filter,
        dataType: "JSON"
    })

}
```
return $.ajax({}) Zurück ein Versprechen. Ja, danke!

Ist es möglich, zu laden jsGrid mit pageLoading=true option, weil der Weg, den es nimmt die parameter loadData: Funktion(filter) { return { Daten: (verwenden möchten-service-Aufruf), itemsCount: (service call-Objekt)}. nicht sicher, wie Sie Sie zu binden-service-Aufruf mit Daten-Objekt
HAT DAS EIGENTLICH FUNKTIONIERT? Ich Schaffe es nicht, den grid zu laden bekomme ich nur die Gitter kommen und sagen, 'nicht gefunden', obwohl ich sehen kann, meine JSON angefordert und zurück gesendet und ich habe console logging in all meinen Veranstaltungen, und Sie scheinen nicht.. Das ist so unendlich frustrierend, weil ich kann nicht herausfinden, wie um zu Debuggen. Wenn ich Schritt für Schritt durch das zugrunde liegende JQuery-code es nicht machen, Nein für mich Sinn. AAAARRRRRGGH!
Einen ähnlichen code wie diesen hier: stackoverflow.com/questions/35907482/...
Ich habe in der anderen Frage, der code, die schließlich für mich gearbeitet..... Rückgabe nur $.ajax direkt an.
Zurück ein Versprechen

InformationsquelleAutor irfan
4

War ich auch Probleme mit JSGrid. Ich war mit dem folgenden snippet (wie es manche vorgeschlagen haben):

`
```
loadData:   function(filter) {
    console.log("LoadData called....")
    var d = $.Deferred();
    $.ajax({
      type: "GET",
      url: "/secure/msgitems",
      data: filter
    }).done(function(response) {
      console.log(  response);
      d.resolve(response);
      return;
  });
 return d.promise();
 },
},
```
`

Konnte ich sehen, die Ergebnisse kommen zurück, aber meine jsGrid gehalten kotzen. Es stellt sich heraus, muss der server die Daten zurück, die im folgenden format:

{ data: [items], itemsCount: amountOfItems }

Hier ist, wo der Entwickler beschreibt das Thema: https://github.com/tabalinas/jsgrid/issues/35

Scheint es zu funktionieren...FWIW

InformationsquelleAutor Greg S

Zurückzukehren ein Versprechen versuchen, diesen code für loadData:

            loadData: function() {
            var d = $.Deferred();

            $.ajax({
                type: 'GET',
                url: '../Common/GetData',
                dataType: "json",
                success: function (data) {
                    d.resolve(data);
                },
                error: function(e) {
                    alert("error: " + e.responseText);
                }
            });

            return d.promise();
        }

InformationsquelleAutor Alina Lapina

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.