大家好,我是陆砚码,今天我们来聊聊 ExtJs 里的 items 属性,这个属性在 ExtJs 的组件布局中可是非常重要的哦!
首先,我们来简单介绍一下 items 的语法。它是一个数组,里面可以包含各种布局和组件。比如,我们可以用 layout:'column' 来设置列布局,用 autoHeight:true 来让组件自动调整高度。下面是一个具体的例子:
items:[{
layout:'column',//布局值为:column、form
autoHeight:true,
xtype:'fieldset',//见说明[1]
style:'padding-top:10px;',
items:[{
columnWidth:.5,//列宽
layout:'form',
items:[{
xtype:'combo',
inputType: 'password',
fieldLabel:'*城市',
inputType:'file',//文件上传
id:'cityCode',
name:'realNameParams.cityCode',
valueField:'csdmz',
displayField:'csmcz',
hiddenName:'realNameParams.cityCode',
width:120,
minListWidth:250,
pageSize:15,
triggerAction:'all',
typeAhead: false,//在下拉框中输入值时,下拉框列表是否出现对应的值
store:citySelStore,
maxLength : 20,
allowBlank:false
},{}]
},{}]
},{
}
]
接下来,我们来看看一些重要的说明。比如,xtype 是在创建组件时使用的关键字,它可以是 new 关键字,也可以是 xtype 的对象形式。比如,TextField 对应的 xtype 是 textfield。如果在 items 下有多个 items,则第一个 xtype 定义为 fieldset。
通过上面的介绍,相信大家对 ExtJs 里的 items 属性有了更深入的了解。如果还有其他疑问,欢迎在评论区留言哦!我是陆砚码,我们下期再见!
—— 来自「思享编程网」(www.sxgpb.com)的陆砚码
