EXT.ComboBox上拉框的详细讲解
EXT.ComboBox下拉框的详细讲解
以下为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>
以下为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>