Set field to typeahead to true : Form Fields « Ext JS « JavaScript DHTML





Set field to typeahead to true

  
<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.Indicate field as local
2.Set message target to under
3.Collapsed fieldset
4.Collapsible fieldset
5.Building new types of fields quickly
6.The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived 'rating' field.
7.Load xml data for a Form
8.Form field: allowBlank
9.Call reset method to reset all fields on a form
10.Set fieldset height to auto
11.Get form button by id
12.Spotlight Demo: restrict input to a particular element by masking all other page content