Question

ext怎么在弹出窗口显示一个下拉框 并且获取到这个下拉框的值!

我根本对ext一点不懂 查了一下午 也每一个简单有用回答。比如下面代码：
var winIcsQuestionnaireData = new Ext.Window( {
layout : 'fit',
width : 300,
closeAction : 'hide',
height : 200,
closable : false,
resizable : false,
shadow : true,
modal : true,
closable : true,
bodyStyle : 'padding:5 5 5 5',
animCollapse : true
});
上面是个弹出窗口，让他显示出来winIcsQuestionnaireData.show(); 我要的就是这个窗口里能有一个下拉框 一个文本框 一个确定和关闭按钮。点击确定能够获取到选中下拉框的值。100分 火速回答 谢谢1！

Answer 1

var cerficicationData = [{
'key' :'', 'value' :'全部'
}, {
'key' :'0', 'value' :'无证'
}, {
'key' :'1', 'value' :'有证'
}];
var cerficicationStore = new Ext.data.SimpleStore( {
fields : [ { name :'key', mapping :'key' }, { name :'value', mapping :'value' } ],
data : cerficicationData
});

var expBaseForm = new Ext.FormPanel( {
url :'',
method :'post',
labelAlign :'right',
labelWidth :90,
frame :true,
bodyStyle :'padding:0px 0px 0',
items: [{
id:'comboValue',
width:180,
layout:'form',
fieldLabel:'是否有毕业证',
xtype:"combo",
valueField:"key",
displayField:"value",
hiddenName:"certificateFlag",
height:100,
width:200,
store:cerficicationStore,
mode : 'local',//数据模式，local代表本地数据
triggerAction : 'all'// 显示所有下列数据，一定要设置属性triggerAction为all
}]
});

var winIcsQuestionnaireData = new Ext.Window( {
layout : 'fit',
width : 300,
closeAction : 'hide',
height : 200,
closable : false,
resizable : false,
shadow : true,
modal : true,
closable : true,
bodyStyle : 'padding:5 5 5 5',
animCollapse : true,
items: expBaseForm,
buttons : [{
text :'确定',
handler : function() {
alert(Ext.getCmp('comboValue').value());
}
},{
text:'关闭',
winIcsQuestionnaireData .hide();
}
}]
});

Answer 2

function xianshi() {
var shareTypeCmbstores = new Ext.data.SimpleStore({
fields : ['id', 'value'],
data : [['1', '数量'], ['2', '重量']]
});

var shareTypeCmb = new Ext.form.ComboBox({
editable : false,
triggerAction : 'all',
fieldLabel : '<font color="red">*</font>类型',
store : shareTypeCmbstores,
displayField : 'value',
valueField : 'id',
name : 'type',
mode : 'local',
anchor : '90%',
value : '1',
allowBlank : false
})
var okbtn = new Ext.Button({
text : '确定',
handler : function() {
alert("值是 :"+shareTypeCmb.getValue()+" 显示值是:"+shareTypeCmb.getRawValue())
}
});

var nobtn = new Ext.Button({
text : '关闭',
handler : function() {
insert_Win.close();
}
});
var insert_Win = new Ext.Window({
plain : true,
layout : 'form',
resizable : false, // 改变大小
draggable : true, // 不允许拖动
closeAction : 'hide',// 可被关闭 close or hide
modal : true, // 模态窗口
width : 400,
height : 370,
title : '弹出窗口',
items : [shareTypeCmb],
autoScroll : true,
buttonAlign : 'center',
loadMask : true,
tbar : [okbtn, nobtn]
});
insert_Win.show();
}

你只要调用 xianshi() 方法就好了!

Answer 3

给window中加个FormPanel，把下拉框文本框放入FormPanel。window中可直接放button，用这个属性,buttons:[{
text:"确认"
},{
text:"取消"
}]