Extjs中combox的disabled属性

lxl8129 2009-04-12 09:22:24

我想通过combo的标签来改变他的disabled属性，使用下面的revert（）函数可以改变disabled的值（点击提交按钮可以看到），但是使disabled=false时，点击下拉按钮依然不能实现下拉，只有手动输入或按空格键才会显示下拉的内容。

请高手指点，谢谢！！

.js代码：
function revert(){
if(document.getElementById("combo02").disabled==false)
document.getElementById("combo02").disabled==true;
else {
document.getElementById("combo02").disabled==false;
}
}
Ext.onReady(function(){

var reader = new Ext.data.JsonReader({},[
{name: 'text', type: 'string'},
{name: 'number', type: 'float'},
{name: 'date', type: 'date', dateFormat: 'Y-m-dTH:i:s'},
{name: 'combo', type: 'int'}
]);

var form = new Ext.form.FormPanel({
labelAlign: 'center',
title: 'form',
name:'form01',
labelWidth: 200,
frame:true,
url: 'form2.jsp',
width: 580,
height:400,
reader: reader,

items: [{
xtype: 'textfield',
fieldLabel: '一个label',
name: 'text'
},{
xtype: 'combo',
fieldLabel: '可用状态的combo',
name: 'combo01',
store: new Ext.data.SimpleStore({
fields: ['value', 'text'],
data : [
[1, 'text1'],
[2, 'text2'],
[3, 'text3']
]
}),
mode:'local',
triggerAction: 'all',
valueField: 'value',

displayField: 'text'
},{
xtype: 'combo',
fieldLabel: '<a href="javascript:revert();">改变disabled属性值</a>',
id:'combo02',
name: 'combo02',
emptyText:'初始时disabled:true',
store: new Ext.data.SimpleStore({
fields: ['value', 'text'],
data : [
[1, 'text1'],
[2, 'text2'],
[3, 'text3']
]
}),
mode:'local',
triggerAction: 'all',
valueField: 'value',
displayField: 'text',
readOnly:true,
disabled:true
}],
buttons: [{
text: '提交',
handler: function() {
// form.getForm().submit();
//document.getElementById("combo02").disabled=false;
alert(document.getElementById("combo02").disabled);
// alert(Ext.get("combo02").disabled);
}
}]
});
form.render("form01");

});

...全文