動態設置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頁面添加以下代碼，即可去除灰色背景和下拉按鈕

<style>
 .validatebox-disabled{
    background:#fff!important;
 }
 .textbox-disabled .textbox-addon.textbox-addon-right{
    display:none;
 }
</style>

最終不可編輯下拉的combobox效果：