jQuery Girl
  1. jQuery Girl
  3. Exemple simple de JQuery SlickGrid JSON ou documentation
Intereting Posts
JQuery Ajax POST dans Codeigniter jQuery – comment écrire ‘si non égal à’ (opposé de ==) Info-bulle d’amorçage avec déclencheur manuel et option de sélecteur Obtenir les lignes sélectionnées première valeur de colonne dans datatable Jquery on mousedown ne fonctionne pas sur les éléments générés dynamicment JQuery Datatables. Comment puis-je changer la page en cours par programme? Uncaught TypeError: L’object # n’a pas de méthode ‘css’ Comment faire échouer la demande Ajax dans Rails? Arrêtez tous les iframe YouTube de jouer? Checkbox avec toggle () rompant l’état coché / décoché Obtenir l’élément par titre jQuery Fancybox peut-il être réactif uniquement horizontalement pour les contenus de grande taille? Obtention des positions hiérarchiques de et dans jQuery variables et jquery: comment capturer la valeur (partie 1) Comment append (ou autre méthode) beaucoup de code HTML?

Exemple simple de JQuery SlickGrid JSON ou documentation

Je cherche un exemple simple sur la façon d’utiliser SlickGrid lors d’une tentative de récupération des données en tant que JSon via jQuery.Ajax. Je suis également incapable de trouver de la documentation sur le plug-in SlickGrid et je me demandais si je cherchais simplement au mauvais endroit. Toute aide pour démarrer avec SlickGrid serait très appréciée.

Un exemple dans une page asp.net. Le service myData renvoie une chaîne json qui doit correspondre aux colonnes de la grid. 

 $(function () { $.ajax({ url: "WS.asmx/myData", global: false, type: "POST", data: "{}", contentType: "application/json", dataType: "json", async: false, success: function (json) { data = eval('(' + json.d + ')'); if (!data) { alert('no data'); }; }, error: function (msg) { var errorText = eval('(' + msg.responseText + ')'); alert('Error : \n--------\n' + errorText.Message); } } ); if (data) { dataView = new GridNic.Data.DataView(); grid = new GridNic.Grid($("#myGrid"), dataView.rows, columns, options); var pager = new GridNic.Controls.Pager(dataView, grid, $("#pager"), columns); var columnpicker = new GridNic.Controls.ColumnPicker(columns, grid, options);

… etc

En Asp.Net, la taille de la chaîne json est limitée par défaut. En cas de problème, vous devez déclarer une taille supérieure dans le fichier web.config, par exemple:

L’exemple AJAX du référentiel SlickGrid est assez complexe, car il tente de compliquer la mise en cache, etc. Il garde par exemple une trace de toutes les lignes déjà envoyées et ne demandera que de nouvelles lignes au serveur. C’est aussi codé en dur pour l’exemple spécifique d’histoires Digg. La documentation fait cruellement défaut et cela semble buggé avec les versions 1.5+ de jQuery (ce qui a changé la manière dont ajax a été géré).

J’ai eu beaucoup plus de facilité à commencer en utilisant Andrew Childs fork de SlickGrid, qui contient des instructions très simples et directes sur la façon d’utiliser AJAX au bas du fichier README:

Le référentiel est à l’ adresse https://github.com/andrewchilds/SlickGrid.

Jetez un oeil à cet exemple .

Si SlickGrid manque d’exemples, jetez un oeil à jqgrid .

La solution est simple, mais ils ne précisent pas explicitement comment le faire sur leur page wiki.

SlickGrid s’attend à ce que JSON soit sous forme d’object. Donc, si pour une raison quelconque il est sous forme de chaîne, utilisez simplement: 

 JSON.parse(jsonSsortingng);

Si vous chargez depuis ajax, faites simplement ceci: 

 $.getJSON("file.json", function(data) { grid = new Slick.Grid("#myGrid", data, columns, options); }