Comment concevoir des grilles emboîtées dans ExtJS S'il vous plaît fournir quelques échantillons (Comment utiliser RowExpander dans ExtJS GridPanel)
Répondre
Comment utiliser RowExpander dans la grille? Voici un exemple: http://dev.sencha.com/deploy/dev/examples/grid/grid-plugins.html
Plus exemples peuvent être trouvés de http://dev.sencha.com/deploy/dev/examples/
Essayez quelque chose comme ceci:
//Create the Row Expander.
var expander = new Ext.ux.grid.RowExpander({
tpl : new Ext.Template('<div id="myrow-{Id}" ></div>')
});
//Define the function to be called when the row is expanded.
function expandedRow(obj, record, body, rowIndex){
//absId parameter for the http request to get the absence details.
var absId = record.get('Id');
var dynamicStore = //the new store for the nested grid.
//Use Id to give each grid a unique identifier. The Id is used in the row expander tpl.
//and in the grid.render("ID") method.
var row = "myrow-" + record.get("Id");
var id2 = "mygrid-" + record.get("Id");
//Create the nested grid.
var gridX = new Ext.grid.GridPanel({
store: dynamicStore,
stripeRows: true,
columns: [
//columns
],
height: 120,
id: id2
});
//Render the grid to the row expander template(tpl).
gridX.render(row);
gridX.getEl().swallowEvent([ 'mouseover', 'mousedown', 'click', 'dblclick' ]);
}
//Add an expand listener to the Row Expander.
expander.on('expand', expandedRow);
Vous pouvez trouver plus d'informations sur ce Here
Il est possible de le faire Comme les autres l'ont mentionné, je recommande cependant de ne pas y aller.
Motifs: Les fuites de mémoire dues aux sous-réseaux ne sont pas détruites correctement. Le modèle de sélection ne fonctionne pas correctement
Pourriez-vous fournir plus d'informations sur ces fuites de mémoire? –
Une fuite de mémoire se produit, car la grille est détruite dans le DOM lorsque la grille est actualisée, mais les gestionnaires d'événements attachés, etc., existent toujours dans JS. – eli
- 1. Pivot Grille en Extjs 4
- 2. Grille de propriétés Extjs
- 3. Grille personnalisée dans ExtJs
- 4. Extjs 4 grille findcolumn
- 5. En résumé grille n'affiche renderer dans ExtJS
- 6. Recherche en direct sur la grille --ExtJs
- 7. extjs grille trier case insensitvie
- 8. ExtJS Comment obtenir une grille
- 9. ExtJS Traitement d'événements de grille
- 10. EXTjs grille modèle json noob
- 11. Comment aligner correcly grille ExtJs
- 12. extjs 4 renderer de grille
- 13. grille ExtJS que l'affichage ne
- 14. ExtJS RowEditor sur la grille
- 15. EXTJS utilisant les données d'une grille dans une autre grille
- 16. Extjs Grille automatique de formulaire/liaison
- 17. Réinitialisation d'une grille de données dans ExtJs
- 18. Colonnes de groupe dans la grille ExtJS
- 19. Déplacer des éléments dans ExtJS Grille
- 20. extjs 4.0 récupérer les valeurs de grille
- 21. Comment implémenter cette grille personnalisée dans ExtJS?
- 22. extjs grille d'affichage des données rails
- 23. Filtre de grille Extjs using store.filter
- 24. Précision décimale dans une grille EXTJS
- 25. Extjs écoutant l'événement keydown dans la grille
- 26. Rendu d'un composant dans une grille ExtJS
- 27. Groupe radio dans la grille d'éditeur ExtJS
- 28. tri mixte dans la grille extjs
- 29. ExtJS 4.0.7: Grille d'arbre - plusieurs plugins
- 30. EXTJS ReRendering de la grille avec Datastore
Ceci est un exemple concret: http://www.programering.com/a/MDN4cTMwATY.html – MacGyver