1. 程式人生 > >easyui editor textbox 設定不可編輯狀態

easyui editor textbox 設定不可編輯狀態

    最近在使用easyui,在做到一個編輯時,需要聯動並且結果只做顯示,不能點選修改!

程式碼:

datagrid 下:

主要加editable: false屬性

{field:'routeName',title:'線路',width:140,align:'center',       

        editor:{
        type:'textbox',
        options:{editable: false}

        }}, 

另外在編輯下獲取行號方法感覺挺有用的:

//獲取該行號

var index = $(this).parents('.datagrid-row').attr('datagrid-row-index');


具體程式碼:

{field:'pname',title:'司機',width:140,align:'center',
editor:{
type:'combobox',  
                options:{ 
url:'----------',
                panelHeight:'auto',
                valueField:'value',
textField:'text',
required:true,
onLoadSuccess:function(){
//新增狀態不選中
if(statu == 0)
return;
//獲取該行號
                        var index = $(this).parents('.datagrid-row').attr('datagrid-row-index');     
var rows = accident_datagrid.datagrid('getRows');


var value = rows[index].pname;   
var val = $(this).combobox("getData");
                    for (var item in val) {
if (val[item].text == value) 
                            $(this).combobox("select", val[item].value);
}
}
                }
}},