• Home
  • About Me

Christoph M. Lütjen

Mein persönlicher Beitrag zur Netzvermüllung

Kategorie:

  • Diverses
  • Ext JS
  • JavaScript
  • webEdition WebCMS

Archiv:

  • April 2009
  • Februar 2009
  • Mai 2008
  • April 2008
  • Januar 2008
  • Dezember 2007

Blogroll:

  • living-e AG

Meta:

  • RSS
  • Kommentare als RSS
  • Gültiges XHTML
  • XFN

ExtJS: ComboBox mit JSON Loader

April 12th, 2009 by chris

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 |

One Response

  1. Toni Says:
    Mai 15th, 2009 at 21:35

    Super Post, macht immer Spass hier mitzulesen :)

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

 
Wordpress Themes by and Website Templates by Blogcut