Use ArrayStore to create a combobox field : ArrayStore « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. ArrayStore

Use ArrayStore to create a combobox field

 <html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() { Ext.QuickTips.init(); var names = [ ['A'], ['B'], ['C'], ['D'] ]; var mySimpleStore = new Ext.data.ArrayStore({ data : names, fields : ['name'] }); var combo = { xtype : 'combo', fieldLabel : 'Letter', store : mySimpleStore, displayField : 'name', typeAhead : true, mode : 'local' } new Ext.Window({ title : 'Title here', height : 100, layout : 'form', labelWidth : 80, bodyStyle : 'padding: 5px', items : combo }).show() }); </script> <div id='div1'>asdf</div> </body> </html>








Related examples in the same category

1.Set display field from ArrayStore for a field
2.Create ArrayStore, set data and field
3.Use Ext.data.ArrayStore with Ext.form.ComboBox
4.Create a grid from Array data
5.Set type for ArrayStore
6.dateFormat for Ext.data.ArrayStore
close