extjs 笔记整理

最新推荐文章于 2024-11-01 15:54:58 发布

ahb0293

最新推荐文章于 2024-11-01 15:54:58 发布

阅读量95

点赞数

文章标签： ux

原文链接：http://www.cnblogs.com/yimu/archive/2010/12/03/extjs_01.html

版权

1 {
2     xtype : ' cbo ' ,　　　　 // 本人封装过的类型，精简了一些重复录入的代码
3     fieldLabel : ' 物品名称<font color=\ ' red\ ' >*</font> ' ,
4     name : ' wpmc ' ,
5     id : ' wpmcID ' ,
6     hiddenName : ' wpmc ' ,
7     allowBlank : false ,
8     editable: false ,
9     url: ' ../Rkgl/extDffwp.do ' ,
10     record:[ ' wpsl ' , ' wpmc ' ],
11     valueField: ' wpmc ' ,
12     displayField: ' wpmc ' ,
13     tpl: ' <tpl for="."><div ext:qtip="当前剩余物品数量为 {wpsl} " class="x-combo-list-item">{wpmc}</div></tpl> ' , // 鼠标移入提示
14     listeners:{
15          ' select ' : function (){
16 　　　　　　　 // 可直接读取combo的Store，便于给其他列赋值
17              var wpStore = this .form.findField( " wpmc " ).store;
18              var wpmc = this .form.findField( " wpmc " ).getValue();
19              for ( var i = 0 ;i < wpStore.getCount();i ++ ) {
20                  if (wpStore.getAt(i).get( " wpmc " ) == wpmc) {
21                      // 将物品数量赋值给下一个字段
22                      this .form.findField( " sysl " ).setValue(wpStore.getAt(i).get( " wpsl " ));
23                 }
24             }
25         },scope: this },
26     anchor : ' 80% ' }
27 ,{xtype: ' numberfield ' ,fieldLabel: ' 剩余数量 ' ,name: ' sysl ' ,anchor: ' 80% ' ,readOnly: true ,cls: ' x-item-disabled ' }

修改Ext的Ajax响应时间，默认时间过短，有时候因网络或者服务器响应时间过慢，用户表单提交失败或列表加载失败，延长可避免这些问题。

Ext.override(Ext.data.Connection, {

timeout : 3000000 //单位：毫秒

});

Ext.override(Ext.form.BasicForm, {

timeout : 3000 //单位：秒

});

自定义本地combo

1     {
2     xtype : ' comboux ' ,
3     fieldLabel : ' 考核等级<font color="red">*</font> ' ,
4     name : ' khdj ' ,
5     hiddenName : ' khdj ' ,
6     width : 288 ,
7     allowBlank : false
8     ,store: [ {valuefield: " A级 " ,displayfield: " A级 " }
9             ,{valuefield: " B级 " ,displayfield: " B级 " }
10             ,{valuefield: " C级 " ,displayfield: " C级 " }
11             ,{valuefield: " D级 " ,displayfield: " D级 " }
12      ]}
13

自定义combo类型

1 Ext.ux.ComboBox =function(config) {

2if (Ext.isArray(config.store)) {
3var store = [];
4for (var i =0, len = config.store.length; i < len; i++)
5                store[i] = [config.store[i]];
6            config.store =new Ext.data.JsonStore({
7                        fields : ['valuefield', 'displayfield'],
8                        data : config.store
9                    });
10            config.valueField ='valuefield';
11            config.displayField ='displayfield';
12    }
13    Ext.ux.ComboBox.superclass.constructor.call(this, config);
14}
1516Ext.ux.ComboBoxExpand = Ext.extend(Ext.ux.ComboBox, Ext.form.ComboBox,{
17    hiddenName:'',
18    store: [],
19    valueField:'valuefield',
20    editable : false,
21    displayField :'displayfield',
22    mode: 'local',
23    triggerAction: 'all',
24    width:90,
25    initComponent:function() {
26        Ext.apply(this,{
27            hiddenName:this.hiddenName,
28            store: this.store,
29            valueField:'valuefield',
30            editable : false,
31            displayField :'displayfield',
32            mode: 'local',
33            triggerAction: 'all',
34            width:this.width
35        });
36        Ext.ux.ComboBoxExpand.superclass.initComponent.call(this);
37    }})
3839Ext.reg('comboux', Ext.ux.ComboBoxExpand);