动态设置easyui textbox/combobox 的input框不可编辑/可编辑 +去除disable灰色背景

1.easyui textbox

$('#test').textbox({
                editable:false
            });

2.easyui combobox

$('#test').combobox({
	    disabled: true
	});

 

3.注意

1）不可以通过$(#test).attr("editable")=false;设置。因为easyui的输入控件仅改变input的属性，控件封装的内容配置是不变的（即，不会重新渲染），实际上easyui的input下面有span等标签，还有readonly等属性。需要通过$().combobox()或者$().textbox()等方法进行设置，且true不可带引号，逗号。

2）combobox设置editable只是输入框不可编辑，但是仍可下拉选择，必须设置disabled：true才可。提交表单前要去除disable，否则值不能正常提交。

设置了disable：true后，会导致输入框出现灰色背景，且还有下拉按钮，如图：

在jsp页面添加以下代码，即可去除灰色背景和下拉按钮

最终不可编辑下拉的combobox效果：