EXTJS 3.0 资料控件之 itemselector 用法

浏览数：30 / 时间：2015年06月09日

 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 });