Indicate field as local : Form Fields « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Form Fields

Indicate field as local

  
<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 field to typeahead to true
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