Extjs zone de liste déroulante à l'intérieur de la grille
J'ai une grille avec quelques données (liste des utilisateurs). Pour chaque ligne, j'ai de nombreuses actions telles que la mise à jour, supprimer, activer, suspendre, voir les commandes que vous voulez.
Au lieu de placer ainsi beaucoup de boutons qui remplira plus de 400-500
pixels je veux placer une zone de liste déroulante avec une action appliquée à chaque champ.
Le problème est que je ne peux pas simplement rendre un combobox dans une colonne de la rangée juste comme ça, ou je suis en manque de quelque chose? Quelqu'un peut-il faire la lumière sur cette s'il vous plaît?
new Ext.grid.GridPanel({
region: 'center',
id: 'usersGrid',
store: store,
stripeRows: true,
autoExpandColumn: 'username',
columns: [{
//username
},{
//email
},{
//last seen
},{
// actions combo, it won't show
header: '',
width: 220,
fixed: true,
hideable: false,
dataIndex: 'actions',
renderer: new Ext.form.ComboBox({
store: new Ext.data.SimpleStore({
id: 0,
fields: ['abbr', 'action'],
data: [
['suspend', 'Suspend'],
['activate', 'Activate'],
['update', 'Update'],
['delete', 'Delete']
]
}),
displayField: 'action',
valueField: 'abbr',
mode: 'local',
typeAhead: false,
triggerAction: 'all',
lazyRender: true,
emptyText: 'Select action'
})
}
]
});
OriginalL'auteur Roy Rodgers | 2010-12-27
Vous devez vous connecter pour publier un commentaire.
Vous devriez style de la cellule de ressembler à une zone de liste déroulante. Vous avez vraiment seulement un singleton zone de liste déroulante pour modifier la cellule avec EditorGrid, de sorte que vous aurez besoin pour faire de vos cellules ressemblent à des zones de liste modifiables pour obtenir l'effet désiré. (Cela fonctionne nettement plus rapide que le rendu beaucoup de zones de liste modifiables, de toute façon.)
OriginalL'auteur shivashankar
Vous essayez d'accomplir ceci est la plupart du temps correct. La façon dont vous êtes l'ajout de l'éditeur personnalisé pourriez avoir besoin de quelques ajustements.. Avez-vous essayé ce changement?
Je ne suis malheureusement pas en mesure de déterminer ce que votre code est en train de faire et pas de travail.
Quelle version de ExtJS utilisez-vous? Une chose à noter que je suis la recherche est que je ne vois pas l'objet appelé Ext.les données.SimpleStore dans le courant de ExtJS les docs de l'API. Avez-vous essayé d'utiliser un autre type de magasin de données à la place? Vous voudrez peut-être essayer à l'aide de différents type de magasin pour ce combo?
OriginalL'auteur It Grunt