跳转到主内容
思享编程网:思考分享,玩转编程世界!

ExtJs 里的items怎么用?

大家好,我是陆砚码,今天我们来聊聊 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)的陆砚码

相关文章