Ext Js ComboBox 下拉及获取下拉值

@[Ext Js](Ext Js ComboBox 下拉及获取下拉值 )

Ext Js ComboBox 下拉及获取下拉值

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

创建ComboBox下拉

1、定义下拉选项值
var data=[[‘0’,‘未提交’],[‘1’,‘已提交’],[‘2’,‘认证中’],[‘3’,‘已认证’]];
2、把定义的data值引入到store
var store = new Ext.data.SimpleStore({
fields: [‘value’,‘name’],
data : data
});
3、创建下拉框
var combo = new Ext.form.ComboBox({
store: store,//引入store
valueField: ‘value’,
displayField:‘name’,
mode: ‘local’,
emptyText:‘请选择认证状态’,
});
4、获取下拉框内值
var button={xtype:‘button’, text: “按认证状态查询”, tooltip:‘按认证状态查询’,
handler:function(){
var value=combo.value;//获取下拉值，并button按键提交
query(value);
}
};
5、添加到工具栏
tbar.insert(0, combo);

6、完整代码
config.toolext = function(node, tbar, extItems){
var query = function(value) {
var wheresql = ‘(confirm_status like ? )’;
var wheretype = ‘string’;
var wherevalue = ‘%’+ value +’%’;
Jxstar.loadData(node.page, {where_sql:wheresql, where_value:wherevalue, where_type:wheretype,is_query:1});
};
var data=[[‘0’,‘未提交’],[‘1’,‘已提交’],[‘2’,‘认证中’],[‘3’,‘已认证’]];
var store = new Ext.data.SimpleStore({
fields: [‘value’,‘name’],
data : data
});
var combo = new Ext.form.ComboBox({
store: store,
valueField: ‘value’,
displayField:‘name’,
mode: ‘local’,
emptyText:‘请选择认证状态’,
});
var button={xtype:‘button’, text: “按认证状态查询”, tooltip:‘按认证状态查询’,
handler:function(){
var value=combo.value;
query(value);
}
};
tbar.insert(0, combo);
tbar.insert(1, button);
tbar.insert(2, ‘-’);
}

7、效果图