extjs常用的items

最新推荐文章于 2021-06-16 17:44:44 发布

天使没吃饱

最新推荐文章于 2021-06-16 17:44:44 发布

阅读量3.5k

点赞数

分类专栏： extjs

本文链接：https://blog.youkuaiyun.com/u011493599/article/details/45536413

版权

extjs 专栏收录该内容

9 篇文章

订阅专栏

1、改为密码框：

{

fieldlable:'密码',

xtype:'textfield',

inputType:'password'

}

2、不可修改

{

fieldlable:'不可修改',

xtype:'textfield',

readOnly:true

}

3、日期

{

fieldlable:'日期',

xtype:'datefield',

format:'Y/m/d'

}

4、下拉框

{

fieldlable:'选择',

xtype:'combo',

forceSelection:true,//输入值是否严格为待选列表中存在的值

editable:false,

queryMode:'local',

store:liststore //[['gk1','国控一企'],['gk2','国控二企'],['gk3','国控三企']]

}

var listStore = Ext.create('Ext.data.Store', {
    model: 'RCP.model.customer', // Model 名
    proxy: {
        type: 'ajax',
        url: 'customer/listAction.action',
        reader: {
            type: 'json',
            root: 'list',   // Anction 中的变量
            successProperty: 'success'
        }
    },

    autoLoad: true
});
this.listStore = listStore;

5、单选

 
 
  
  {
 
 
 
 
  
          xtype: 'radiogroup',
 
 
 
 
  
          fieldLabel: 'Two Columns',
 
 
 
 
  
          // Arrange radio buttons into two columns, distributed vertically
 
 
 
 
  
          columns: 2,
 
 
 
 
  
          vertical: true,
 
 
 
 
  
          items: [
 
 
 
 
  
              { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
 
 
 
 
  
              { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
 
 
 
 
  
              { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
 
 
 
 
  
              { boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
 
 
 
 
  
              { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
 
 
 
 
  
              { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }
 
 
 
 
  
          ] , 
 
 
 
 
  
          listeners:{
 
 
 
 
  
              //通过change触发
 
 
 
 
  
              change: function(g , newValue , oldValue){
 
 
 
 
  
                  console.log(newValue , oldValue);
 
 
 
 
  
              }
 
 
 
 
  
          }
 
 
 
 
  
      }
 
 
6、多选

{
xtype:'checkboxgroup',
fieldLabel:'类型',
allowBlank:false,
items:[{
boxLabel:'贵阳',
name:'gy',
inputValue:'1',
                id:'checkbox1',
                checked:true
},{
boxLabel:'安顺',
name:'as',
inputValue:'2',
                id:'checkbox2'
}]
}

7 nunberfield

{
xtype:'numberfield',
        	name:'jd',
        	fieldLabel:'经度',
        	allowBlank:false,
        	allowDecimals:true,
        	allowNegative:false,
        	maxLength:7,
        	decimalPrecision:4,
        	decimalSeparator:'.'
}