138 lines
4.1 KiB
JavaScript
138 lines
4.1 KiB
JavaScript
/*
|
|
This file is part of Ext JS 3.4
|
|
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
|
|
Contact: http://www.sencha.com/contact
|
|
|
|
GNU General Public License Usage
|
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
|
packaging of this file.
|
|
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
|
at http://www.sencha.com/contact.
|
|
|
|
Build date: 2013-04-03 15:07:25
|
|
*/
|
|
Ext.onReady(function(){
|
|
|
|
Ext.QuickTips.init();
|
|
Ext.form.Field.prototype.msgTarget = 'side';
|
|
|
|
/*
|
|
* Ext.ux.form.MultiSelect Example Code
|
|
*/
|
|
var msForm = new Ext.form.FormPanel({
|
|
title: 'MultiSelect Test',
|
|
width: 700,
|
|
bodyStyle: 'padding:10px;',
|
|
renderTo: 'multiselect',
|
|
items:[{
|
|
xtype: 'multiselect',
|
|
fieldLabel: 'Multiselect<br />(Required)',
|
|
name: 'multiselect',
|
|
width: 250,
|
|
height: 200,
|
|
allowBlank:false,
|
|
store: [[123,'One Hundred Twenty Three'],
|
|
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
|
|
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
|
|
tbar:[{
|
|
text: 'clear',
|
|
handler: function(){
|
|
msForm.getForm().findField('multiselect').reset();
|
|
}
|
|
}],
|
|
ddReorder: true
|
|
}],
|
|
tbar:[{
|
|
text: 'Options',
|
|
menu: [{
|
|
text: 'Set Value (2,3)',
|
|
handler: function(){
|
|
msForm.getForm().findField('multiselect').setValue('2,3');
|
|
}
|
|
},{
|
|
text: 'Toggle Enabled',
|
|
handler: function(){
|
|
var m = msForm.getForm().findField('multiselect');
|
|
if (!m.disabled) {
|
|
m.disable();
|
|
} else {
|
|
m.enable();
|
|
}
|
|
}
|
|
}]
|
|
}],
|
|
|
|
buttons: [{
|
|
text: 'Save',
|
|
handler: function(){
|
|
if(msForm.getForm().isValid()){
|
|
Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
|
|
msForm.getForm().getValues(true));
|
|
}
|
|
}
|
|
}]
|
|
});
|
|
|
|
|
|
var ds = new Ext.data.ArrayStore({
|
|
data: [[123,'One Hundred Twenty Three'],
|
|
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
|
|
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
|
|
fields: ['value','text'],
|
|
sortInfo: {
|
|
field: 'value',
|
|
direction: 'ASC'
|
|
}
|
|
});
|
|
|
|
/*
|
|
* Ext.ux.form.ItemSelector Example Code
|
|
*/
|
|
var isForm = new Ext.form.FormPanel({
|
|
title: 'ItemSelector Test',
|
|
width:700,
|
|
bodyStyle: 'padding:10px;',
|
|
renderTo: 'itemselector',
|
|
items:[{
|
|
xtype: 'itemselector',
|
|
name: 'itemselector',
|
|
fieldLabel: 'ItemSelector',
|
|
imagePath: '../ux/images/',
|
|
multiselects: [{
|
|
width: 250,
|
|
height: 200,
|
|
store: ds,
|
|
displayField: 'text',
|
|
valueField: 'value'
|
|
},{
|
|
width: 250,
|
|
height: 200,
|
|
store: [['10','Ten']],
|
|
tbar:[{
|
|
text: 'clear',
|
|
handler:function(){
|
|
isForm.getForm().findField('itemselector').reset();
|
|
}
|
|
}]
|
|
}]
|
|
}],
|
|
|
|
buttons: [{
|
|
text: 'Save',
|
|
handler: function(){
|
|
if(isForm.getForm().isValid()){
|
|
Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
|
|
isForm.getForm().getValues(true));
|
|
}
|
|
}
|
|
}]
|
|
});
|
|
|
|
});
|