La liaison existant Kendo grille pour un nouvel objet JSON

J'ai suivantes kendoGrid sur ma page que sur la charge reçoit JSON objet à partir de l'URL spécifiée.

Mais plus tard, je veux le lier à certains autres JSON des données provenant d'autres sources. Est-il un moyen un peut lier-actualiser les données existantes contenant de la grille avec un nouveau JSON objet?

$('#grid').kendoGrid({
    sortable: true,
    groupable: true,
    scrollable: true,

    pageable: {
        pageSizes: 9
    },
    dataSource: {
        transport: {
            read: {
                url: "../Get/JsonData",
                dataType: "Json"
            }
        }
    },
    columns: [
        { field: "name", title: "Name", width: 100 },
        ... ...
    ]
});
InformationsquelleAutor Maven | 2013-10-28
  1. 8

    Vous pourrait remplacer toutes les données dans la source de données avec:

    var newData = [ "some", "data", "array" ];

var gridWidget = $('#grid').data("kendoGrid");
gridWidget.dataSource.data(newData);

    Ou vous pouvez donner à la grille d'une toute nouvelle source de données (je recommande cette approche):

    var newData = new kendo.data.DataSource({
    data: [ "some", "data", "array" ]
});

var gridWidget = $('#grid').data("kendoGrid");
gridWidget.setDataSource(newData);

    et bien sûr newData dans mon exemple pourrait juste être ce que les données sont renvoyées à partir de votre fonction.

    • il est dit dans la console: [] has no method 'fetch' où [] est le JSON dans newData
    • À l'aide de l'approche? L'appel de dataSource.data() ou grid.setDataSource()? Ma conjecture est que vous êtes de passage à un tableau où vous devriez être en train de passer un DataSource
    • à l'aide de grid.setDataSource() je suis de passage d'un JSON objet qui dans votre cas est le data objet, je l'ai essayé juste donner mon objet où vous avez initialisé la data objet, mais n'a pas fonctionné. Comment puis-je convertir un JSON objet qui-je obtenir à partir du serveur theObject dans la source de données?
    • var dataSource = new kendo.data.DataSource({ data: JSON.parse(someJsonString) });
    InformationsquelleAutor CodingWithSpike
  2. 0

    Est la structure de la nouvelle JSON les mêmes (mêmes colonnes et même modèle de données)? Si oui, alors oui, il suffit de jouer avec transport.read ou transport.read.url et au lieu de le définir comme un string définir comme une fonction qui renvoie un ou l'autre.

    Rappelez-vous que de transport.lire peut être un objet ou une fonction. Meme chose pour les de transport.lire.url

    • au chargement de la page, je veux qu'il se charge de la url mais après qu'une fonction est appelée, je le veux pour remplacer les données existantes par les nouvelles JSON de données retourné par la fonction.
    • Donc, utiliser l'url pour le chargement initial et ensuite utiliser grid.dataSource.data(newJSON); pour le remplacer.
    • après fethcing de données, il me donne cette erreur Uncaught ReferenceError: oSId is not defined, oSID est une colonne que j'ai utilisé dans le pour un bouton de commande { command: { text: "Options", click: showHideOptions }, title: " ", width: "90px", attributes: { "id": "#: oSID#", } }
    InformationsquelleAutor OnaBai