MVVM, grid grouping expand/collaps ?
Hello,
Je me plonge dans l'exemple "executive-dashboard", pour me familiariser au MVVM...
J'ai essayé d'ajouter 2 bouton pour ouvrir/fermer tout les éléments d'une colonne mais sans succès.
dans la view "ProfitLoss.js", j'ai ajouté mes 2 boutons à "tbar" :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| tbar: [{
text: 'Expand All',
reference: 'expButton',
menu: {
id: 'expall-menu',
items: []
}
},{
text: 'Collapse All',
reference: 'colButton',
menu: {
id: 'colall-menu',
items: []
}
},{ |
et dans ProfitLossController.js, j'ai ajouté a la function "onMetaDataLoad" :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| var me = this,
references = me.getReferences(),
view = me.getView(),
menus = {
expall: {
items: [],
listeners: {
click: me.onQuarterExpallClick,
scope: me
}
},
colall: {
items: [],
listeners: {
click: me.onQuarterColallClick,
scope: me
}
}, |
dans le même controller j'ai donc mes 2 fonctions :
Code:
1 2 3 4 5 6 7 8 9 10 11
| onQuarterExpallClick: function () {
console.log('clicked expand');
var view = this.getView();
view.quarterColumnDefaults.grouping.expandAll();
},
onQuarterColallClick: function () {
console.log('clicked collapse');
var view = this.getView();
view.quarterColumnDefaults.grouping.collapseAll();
}, |
Premier problème quand je click sur un de mes boutons, rien ne ce passe :-)
Ensuite quand j'utilise :
Code:
1 2
| var view = this.getView();
view.quarterColumnDefaults.grouping.expandAll(); |
dans la fonction du bouton "quater" cela ne fonctionne pas non plus, pas de message d'erreur, pas de log.
En suivant l'example des autres boutons, j'ai pas l'impression d'avoir oublié quelque chose pourtant.
Merci,