jqGrid Rafraîchissant de Données Locales (Objet JSON)

Je suis en train d'utiliser jqGrid avec les données locales et je suis à la recherche d'un couple de questions:

Je suis de l'initialisation de la chose de la sorte:

function refreshGrid($grid, results)
{
    $grid.jqGrid({
  data: results,
        datatype: "local",
        colNames:['#','File', 'Category', 'Line Number', 'Message Text','Detailed'],
        colModel:[
            {name:'count',index:'count', width:100, resizable: true},
            {name:'basename',index:'basename', width:100, resizable: true, classes:['basename']},
            {name:'category',index:'category', width:60, resizable: true},
            {name:'linenumber',index:'linenumber', width:60, resizable: true},
            {name:'text',index:'text',width:400, resizable: true},
            {name:'detailed',index:'detailed',width:100,classes:['detailed'], resizable: true }
            ],
        viewrecords: true,
     rowNum:100,
     rowList:[100,200],
     pager: '#debug_errors_pager',
     caption:"JSON Example"
 });
}

Les données que je suis de passage en, results est un tableau d'objets.

Questions:

1) Le pager est totalement éteint. Il montre le nombre correct, mais il ne fait pas permettez-moi d'une page de données.

2) je ne peux pas actualiser les données. Je suis en utilisant ma propre fonction de recherche pour arriver à mon results. Je ne peux pas comprendre comment mettre à jour les données existantes. La grille initialise la première fois. Sur les tentatives ultérieures, il initialise à une table vide.

3) j'ai essayé des choses comme:

$grid.empty() - Ne fonctionne pas parce que le $objet de grille est décoré par jqgrid. Je suis en train de "nuke" la vieille grille, et il suffit de le re-rendre comme une solution de contournement.
`$grille.trigger('reloadGrid') - Ne fonctionne pas, ne sais pas pourquoi.

Remarque: c'est à l'aide de jQGrid 3.7.

InformationsquelleAutor Koobz | 2010-06-05

jqgrid jquery

Vous pouvez utiliser simple:

jQuery("#list")
    .jqGrid('setGridParam',
        { 
            datatype: 'local',
            data:mydata
        })
    .trigger("reloadGrid");

InformationsquelleAutor Ved

23

J'ai été en mesure de réaliser quelque chose de similaire. Le truc pour mon problème était d'effacer les données avant de mettre à jour la grille de données de paramètre. En supposant que votre grille est initialisé ailleurs (avec datatype: 'local'), essayez:
```
function refreshGrid($grid, results) {
    $grid.jqGrid('clearGridData')
        .jqGrid('setGridParam', { data: results })
        .trigger('reloadGrid', [{ page: 1}]);
}
```
- en plus si besoin pour éviter la page de modification (si possible) pour les nouvelles données (de sorte que l'utilisateur va rester sur la même page après rechargement) quelque chose comme cela devrait être utilisé code var prevPage = $grid.jqGrid("getGridParam", 'page'); var rowNum = parseInt($grid.jqGrid("getGridParam", 'rowNum'), 10); var lastPage = Math.ceil(newData.length / rowNum); $grid.jqGrid('clearGridData') .jqGrid('setGridParam', { data: newData }) .jqGrid('setGridParam', { lastpage: lastPage }) .trigger('reloadGrid', [{ page: prevPage}]);
- +1 pour effacer les données, a également eu le problème
- Merci beaucoup pour ('clearGridData')!
InformationsquelleAutor Megan
7

question 1:

Si nous avons défini un téléavertisseur pour la grille à côté client, les données, les boutons de radiomessagerie
sont automatiquement désactivés. En d'autres termes, la version actuelle de la grille n'
pas de prise en charge du côté de la pagination et de la recherche.

données locales

Question 2: Avez-vous essayé:
```
 $("#list").GridUnload();
```
voir ici pour les différences entre gridUnload() et trigger('reloadGrid').
- Yep, j'ai essayé GridUnload, Pas de dés. La grille de décharge et ne revient jamais.
- Est-il possible que vos "résultats" sont venus via une requête ajax, et quand vous "décharger" et de recharger votre jqGrid, les résultats ne sont pas encore chargés? Si la grille est vide? (c'est la seule chose que je peux imaginer que peut-être mal)
InformationsquelleAutor bruno
6

Je n'ai pas trouvé un bon documenté de façon à mettre à jour jqGrid les données locales,
voici comment j'ai étendu jqGrid à résoudre mon problème:
```
$.extend($.fn.jqGrid, { setData: function(data) {
    this[0].p.data = data;
    return true;
} } );
```
Après cela, vous pouvez effectuer les opérations suivantes pour mettre à jour jqGrid avec les nouvelles données:

supposons que votre grille a été déclaré comme ceci:
```
    jQuery("#list").jqGrid({ datatype: "local", ... other params ... });
```
alors vous pouvez faire:
```
jQuery("#list").jqGrid('setData', array_with_new_data);
jQuery("#list").trigger("reloadGrid");
```
P. S. voir le lien sur la façon de récupérer toutes les données de la grille Récupérer le contenu de la grille

InformationsquelleAutor WayFarer

Suivant fonctionne pour moi lors de l'actualisation des données sur le réseau existant:

var gridData = [...];

var grid = jQuery('#gridId');
grid.jqGrid('clearGridData');
if( grid.get(0).p.treeGrid ) {
    grid.get(0).addJSONData({
        total: 1,
        page: 1,
        records: gridData.length,
        rows: gridData
    });
}
else {
    grid.jqGrid('setGridParam', {
        datatype: 'local',
        data: gridData,
        rowNum: gridData.length
    });
}
grid.trigger('reloadGrid');

J'ai eu à le faire de cette façon parce que reloadGrid() appelle remplir(), remplir() appelle addLocalData() et passe la valeur de retour de addJSONData(), mais pour treeGrid == true, addLocalData() ne retourne rien, et addJSONData() par la suite ne fait rien.

InformationsquelleAutor zishan

0

Si vous êtes à l'aide de données Locale, vous devez mentionner votre Local json Données dans jqGrid's
setGridParam propriété
```
 jQuery("#list")
        .jqGrid('setGridParam', {
        datatype: 'local',
        data:results //json object
    });
```
À recharger la jqgrid vous pouvez utiliser ce qui suit.
```
 jQuery("#list").trigger("reloadGrid");
```
InformationsquelleAutor Dulith De Costa

Vous devez vous connecter pour publier un commentaire.