/*
* Ext JS Library 2.2.1
* Copyright(c) 2006-2009, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
/*
* Ext.ux.Multiselect Example Code
*/
var msForm = new Ext.form.FormPanel({
title: 'MultiSelect Test',
width:700,
bodyStyle: 'padding:10px;',
renderTo: 'multiselect',
items:[{
xtype:"multiselect",
fieldLabel:"Multiselect
(Required)",
name:"multiselect",
dataFields:["code", "desc"],
valueField:"code",
displayField:"desc",
width:250,
height:200,
allowBlank:false,
data:[[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();
}
}]
}],
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:
'+
msForm.getForm().getValues(true));
}
}
}]
});
/*
* Ext.ux.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",
dataFields:["code", "desc"],
toData:[["10", "Ten"]],
msWidth:250,
msHeight:200,
valueField:"code",
displayField:"desc",
imagePath:"images/",
toLegend:"Selected",
fromLegend:"Available",
fromData:[[123,"One Hundred Twenty Three"],
["1", "One"], ["2", "Two"], ["3", "Three"], ["4", "Four"], ["5", "Five"],
["6", "Six"], ["7", "Seven"], ["8", "Eight"], ["9", "Nine"]],
toTBar:[{
text:"Clear",
handler:function(){
var i=isForm.getForm().findField("itemselector");
i.reset.call(i);
}
}]
}],
buttons: [{
text: 'Save',
handler: function(){
if(isForm.getForm().isValid()){
Ext.Msg.alert('Submitted Values', 'The following will be sent to the server:
'+
isForm.getForm().getValues(true));
}
}
}]
});
});