首页 > 代码库 > EXTJS 3.0 资料 控件之 itemselector 用法

EXTJS 3.0 资料 控件之 itemselector 用法

 

技术分享
 1 var dsform = new Ext.data.ArrayStore({ 2     data: [[123, ‘One Hundred Twenty Three‘], 3         [‘1‘, ‘今天星期一‘], [‘2‘, ‘2014.12.29‘], [‘3‘, ‘9.25‘], [‘4‘, ‘北京‘], [‘5‘, ‘肖村桥‘], 4         [‘6‘, ‘成换成‘], [‘7‘, ‘35号‘], [‘8‘, ‘4层‘], [‘9‘, ‘6666‘]], 5     fields: [‘value‘, ‘text‘], 6     sortInfo: { 7         field: ‘value‘, 8         direction: ‘ASC‘ 9     }10 });11 12 var dsto = new Ext.data.ArrayStore({13     fields: [‘value‘, ‘text‘]14 });15 16 var isItemSelectorForm = new Ext.form.FormPanel({17     title: ‘ItemSelector‘,18     id: ‘isItemSelector‘,19     width: 700,20     bodyStyle: ‘padding:10px;‘,21     items: [{22         xtype: ‘itemselector‘,23         name: ‘itemselector‘,24         fieldLabel: ‘ItemSelector‘,25         imagePath: ‘/Common/ExtJs/ux/images/‘,26         multiselects: [{27             width: 180,28             height: 200,29             store: dsform,30             displayField: ‘text‘,31             valueField: ‘value‘32         }, {33             width: 150,34             height: 200,35             store: dsto,36             displayField: ‘text‘,37             valueField: ‘value‘,38             tbar: [{39                 text: ‘清除选择项目‘,40                 handler: function () {41                     isItemSelectorFormForm.getForm().findField(‘itemselector‘).reset();42                 }43             }]44         }45         ]46     }],47     buttons: [{48         text: ‘Save‘,49         handler: function () {50             if (isForm.getForm().isValid()) {51                 Ext.Msg.alert(‘Submitted Values‘, ‘The following will be sent to the server: <br />‘ +52                     isItemSelectorFormForm.getForm().getValues(true));53             }54         }55     }]56 });
View Code

 

EXTJS 3.0 资料 控件之 itemselector 用法