ExtJS: ComboBox mit JSON Loader
Kleines Beispiel, für eine ComboBox, die Ihre Daten einmalig per JSON vom Server holt und anschließend innerhalb dieser Daten beim Tippen automatisch auswählt bzw. vervollständigt.
// innerhalb von initComponent Methode
var store = new Ext.data.JsonStore({
url: '/admin/spider/categorylist',
root: 'rows',
autoLoad: true,
fields: ['id', 'name']
});
Ext.apply(this, {
items:
[{
xtype: 'combo',
fieldLabel: 'Kategorie',
name: 'category',
store: store,
forceSelection: true,
mode: 'local',
triggerAction: 'all',
typeAhead: true,
displayField: 'name',
valueField: 'id'
}]
});
Das “autoLoad” beim Store sorgt dafür, dass die Daten überhaupt mal geladen werden. Das “mode=’local’” bei der ComboBox hält diese davon ab, während der Eingabe Requests an den Server zu senden. Dieses Beispiel eignet sich somit für überschaubare Datenmengen.
Posted in Diverses |
Mai 15th, 2009 at 21:35
Super Post, macht immer Spass hier mitzulesen