jqgrid défilement virtuel(charge de défilement) le programme d'installation

je veux utiliser la charge sur scroll(défilement virtuel) pour mes données dans jqgrid.

j'ai été à la recherche d'une bonne documentation et des exemples, mais tout ce que j'ai trouvé pour seulement asp.net cadre, qui n'ont pas été si utile.

je suis à l'aide de java-spring framework côté serveur.

s'il vous plaît suggérer une certaine façon de mettre en œuvre virtuel fonctionnalité de défilement pour ma grille.

ma grille est comme ça.

jQuery("#tree").jqGrid({
    url:'json/jsonSamplePots.json',
    datatype: "json",
    mtype:'GET',
    colNames: ["id", "no.", "name", "col1", "col2", "col3", "col4", "col5", "col6", "col7", "col8", "col9", "col10", "col11", "col12", "col13", "col14", "col15", "col16"],
    colModel: [
        {name:'id',width: 30, editable:false, align:"right",sortable:false, hidden: true, key: true},
        {name:'no',width:80, editable:false, align:"left", sortable:true, sorttype:"int"},
        {name:'name', width:150, editable:true, sortable:true, sorttype:"text"},
        {name:'col1', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
        {name:'col2', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
        {name:'col3', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
        {name:'col4', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
        {name:'col5', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
        {name:'col6', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
        {name:'col7', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"int"},
        {name:'col8', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
        {name:'col9', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"date"},
        {name:'col10', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"int"},
        {name:'col11', width:120, editable:true, align:"left", sortable:true, sorttype:"text"},
        {name:'col12', width:80, editable:true, align:"left", sortable:true, sorttype:"text"},
        {name:'col13', width:80, editable:true, align:"right", sortable:true, hidden: true, sorttype:"text"},
        {name:'col14', width:80, editable:false, align:"right", sortable:true, hidden: true, sorttype:"text"},
        {name:'col15', width:300, editable:true, align:"left", sortable:true, sorttype:"int"},
        {name:'col16', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
    ],

    treeGridModel:'adjacency',
    treeGrid: true,
    cellEdit: true,
    ExpandColumn:'name',
    cellsubmit : 'clientArray',
    scroll : 1,
    loadonce : false,
    jsonReader : {
 root:"listTasks",
 cell:"",
 id: "id",
 repeatitems:false

}

});

Merci d'avance.. !!

InformationsquelleAutor mayur | 2012-03-13

jqgrid

4

Il n'est pas intégré dans la façon d'utiliser le défilement dynamique et TreeGrid ensemble. Lorsque vous utilisez TreeGrid tous pager fonctionnalités sont désactivées et le type de données est automatiquement réglé sur local après le premier chargement des données. Vous pouvez lire au sujet de toutes les limitations dans "Mises en garde et Limites" section de TreeGrid de la documentation.

Mise à JOUR

À le faire fonctionner dans la grille simple, il suffit de définir faites défiler jusqu'à true:
```
$('#grid').jqGrid({
  ...  
  //enable dynamic scrolling
  scroll: true,
  ...
});
```
jqGrid de désactiver la pagination des contrôles et de faire une demande pour une nouvelle page automatiquement lorsque vous faites défiler la de l'actuel. Il est aussi un moyen d'optimiser cette expérience. Vous pouvez activer npage paramètre dans prmNames option:
```
$('#grid').jqGrid({
  ...
  //enable dynamic scrolling
  scroll: true,
  //enable npage request parameter
  prmNames: { npage: 'npage' },
  ...
});
```
Cela permettra jqGrid pour demander plus d'une page à la fois par l'ajout de npage paramètre à la demande (il contiendra le nombre de pages qui jqgrid demande et vous devez retourner le nombre correct de lignes).
- Merci pour la réponse. Oui je suis allé par le biais de ces points, est-il un moyen de le faire fonctionner. Aussi, pouvez-vous dire de quelle façon il peut être fait pour de grille simple(pas treegrid).
- Travail aroudn cela nécessiterait la reécriture plus de TreeGrid fonctionnalité, parce que le local de type de données est nécessaire pour le chargement dynamique des nœuds enfants. Je ne suis pas au courant de tout prêt à utiliser la solution. Comme pour une simple grille, veuillez lire la mise à jour.
- tpeczek ... merci beaucoup.. je pensais, pour le faire fonctionner dans treegrid à l'aide de... $("#grid").scroll(function() { .ajax {}}); et là, je vais passer le dernier numéro de ligne et le numéro de page qui me renvoie les lignes, qui à son tour sera ajouter à la grille principale à l'aide de $("#grid").append(ligne);
- Vous pouvez essayer cela, vous pouvez également le consulter à l'adresse ceci <-- il y a une petite tentative de faire de la pagination de travail dans TreeGrid
- +1 pour une réponse correcte. @mayur: je vous recommande d'investir plus de temps dans la compréhension de la façon dont jqGrid de travail et d'utiliser les possibilités existantes au lieu de passer votre temps dans l'extension des fonctionnalités de jqGrid. Si vous pensez plus sur la façon dont la taille de la page sera calculé en particulier avec certaines chargé, mais s'est effondré lignes, vous verrez qu'il n'est pas si facile juste pour définir ce qui doit être affiché dans l'arborescence de la grille en cas de pagination de données. Pour le "simple" grilles je vous recommande d'utiliser au mieux le standard de la pagination au lieu de virtuel.
- Si je suis en utilisant la grille arbre, je ne suis pas le chargement de l'enfant sur l'expansion. Aussi, pour toutes les lignes, j'ai mentionné "élargie":"true", et "chargé":"true". Donc, maintenant, la question pour l'effondrement de nœuds ne devrait pas se poser. Je suis un grand gain de performance pour seulement 200 dossiers, donc je pense virtuelle de défilement.
- Tout n'est pas si facile comme vous l'imaginez. Permettez-nous de vous avoir au début, tous nœud élargi et afficher la première page (par exemple 10 lignes) de résultats. Maintenant, l'utilisateur cliquez sur "page suivante". Ce qui devrait être affiché sur la page suivante? Si le nœud racine de la première page sont affichés sur la deuxième page? Devrait tous les "intermédiaires", les parents à partir de la première page sera affiché sur la page? Ce qui doit être affiché en cas de niveau plus élevé que le nombre de lignes dans la page? Dans le cas si vous affichez uniquement les parents, ça pourrait être pas assez de place pour afficher les principaux éléments.
- C'est seulement les problèmes de démarrage. Dans le cas de l'effondrement de certains nœuds de certaines lignes doivent être ajoutées à la page en cours qui a été sur la page suivante avant... je peux continuer avec de plus en plus de tels problèmes. J'espère que vous comprenez maintenant, que la pagination de l'arbre de la grille n'est pas si facile dans la mise en œuvre.
- Le principal problème du défilement virtuel est qu'il n'y a pas de files d'attente de requêtes Ajax vers le serveur dans l'application actuelle de la jqGrid. Donc, si l'utilisateur de faire défiler plus rapidement que le serveur de réponse, vous pouvez voir des résultats inattendus. Comme une solution de contournement, vous devriez au moins le bloc de la grille (loadui: "block") jusqu'à jqGrid recevoir la réponse à la réponse précédente. Le "standard" de pagination a pas ce problème et de travail très stable.
- Merci pour les détails, vous avez sauvé mon temps que je l'aurais perdu pour rendre virtuel travail de défilement. Je vais aller pour charge d'enfant sur demande.. peut-être qui pourrait m'aider à augmenter les performances. Je suis confronté à un problème de plus. Pour l'un de les ligne je suis l'évolution du "niveau" domaine de json à l'aide de "setrowdata"(de 2 à 3), mais il ne reflète pas dans la grille. S'il vous plaît suggérer une solution.
- À propos de la performance de TreeGrid regarder répondre. À propos de l'évolution du "niveau" de champ, il est préférable d'ouvrir une nouvelle question. L'objectif de la satckoverflow est de part questions et réponses. Le moteur de recherche est axé sur le texte principal de la question et la réponse, et non pas sur les commentaires.
- Également dans treegrid si j'ai plus de 1000 (racine)parent tâche, puis, sans défilement ou la pagination de ce travail.
- Désolé, je ne vous comprend pas. Avez-vous posé une question à moi ou vous avez écrit une seule déclaration? Dans le cas de l'arbre de la grille avec plus de 1000 éléments racine, vous pouvez envisager de mettre en œuvre côté serveur de filtrage de la racine des éléments. Vous pouvez donne d'abord à l'utilisateur de filtrer les éléments de 1000 à quelques petits sous-ensemble et de la place dans l'arborescence de la grille de la filtrés de la racine éléments. Aucun utilisateur fait défiler la grille et de lire tous les 1000 points. Les utilisateurs ont besoin de voir quelqu'un et ensuite de configurer le filtre à réduire la liste à quelques petits sous-ensemble.
- Je faisais allusion à vous seul... je vais essayer de filtrage de données sur le côté serveur.. merci pour votre aide.
- Vous êtes les bienvenus!
InformationsquelleAutor tpeczek

Vous devez vous connecter pour publier un commentaire.