`

EXT.ComboBox下拉框的详细讲解

ext 
阅读更多
以下为ComboBox的属性注解,附上具体的代码,可供以后开发参考:
Ext.onReady(function(){
    var data1 = [
      ['value1','text1'],
      ['value2','text2'],
      ['value3','text3'],
      ['value4','text4']
    ];
    var stroe = new Ext.data.SimpleStore({
         fields:['value','text'],
         data:data1
    });
    var com = new Ext.form.ComboBox({
        title:'实例',
        id:'branch',
        store:stroe,
        x:200,//距离左边框距离
        y:20,//距离上边框的距离
        width:300,
        emptyText:'请选择',
        mode:'local',//数据已经到本地,无需到后台读取
        triggerAction:'all',//单击选项时还能在下次看到所有选项,如果是query则无法看到
        valueField: 'value',//value对应值
        displayField:'text',//text对应值
        readOnly:true,//不允许在下拉框中输入文字,下拉框无法使用(不要使用)
        resizable:true,//可以拖动下拉框
        hiddenName:'bb',//动态生成一个以指定名称命名的隐藏域用来存放值数据
        listeners:监听事件
    });
    var pane = new Ext.Panel({
        applyTo:'aa',
        width:500,
        height:600,
        header:false,
        border:false,
        layout:'absolute',
        items:[com]
    });
});

   <div id="aa"></div>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics