extjs-gpl
Version:
GPL licensed version of Sencha Ext JS
66 lines (63 loc) • 1.62 kB
JavaScript
/**
* Demonstrates Toolbar Inputs.
*
*/
Ext.define('KitchenSink.view.toolbars.ToolbarInput', {
extend: 'Ext.Panel',
requires: [
'Ext.field.Search'
],
shadow: true,
styleHtmlContent: true,
html: 'This is a simple example of fields within toolbars.',
items: [
{
docked: 'top',
xtype: 'toolbar',
items: [
{
xtype: 'searchfield',
placeHolder: 'Search',
name: 'searchfield'
}
]
},
{
docked: 'top',
ui: 'light',
xtype: 'toolbar',
items: [
{
xtype: 'textfield',
width: 100,
placeHolder: 'Text',
name: 'searchfield'
},
{
xtype: 'togglefield',
name: 'toggle'
}
]
},
{
docked: 'bottom',
xtype: 'toolbar',
items: [
{
xtype: 'spacer'
},
{
xtype: 'selectfield',
name : 'options',
options: [
{text: 'This is just a big select with a super long option', value: '1'},
{text: 'Another select item', value: '2'}
]
},
{
xtype: 'spacer'
}
]
}
]
});