easyui editor textbox 設定不可編輯狀態
阿新 • • 發佈:2019-02-13
最近在使用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);
}
}
}
}},