easyui 去除datagrid表頭的checkbox 和將某行不能選中
阿新 • • 發佈:2019-02-07
<table id="dg" class="easyui-datagrid" style="width: 100%; height: content;"
data-options="striped:true,singleSelect:false,fitColumns:true,onLoadSuccess:onLoadSuccess,onClickRow:onClickRow"
toolbar="#toolbar">
<thead>
<tr>
<th field="cb" checkbox="true" ></th>
<th data-options="field:'xianshi',width:100">
縣市
data-options="striped:true,singleSelect:false,fitColumns:true,onLoadSuccess:onLoadSuccess,onClickRow:onClickRow"
toolbar="#toolbar">
<thead>
<tr>
<th field="cb" checkbox="true" ></th>
<th data-options="field:'xianshi',width:100">
縣市
</th>
<th data-options="field:'role',width:100">
角色
</th>
</thead>
</table>
function onLoadSuccess(data){
var rows=$("#dg").datagrid("getRows");
var value2=rows[0].cb; //獲取表頭的checkbox
$("input[type='checkbox']")[0].disabled = "disabled";
//然後遍歷每一行,取出你需要的那一列對應的值(相當於間接的取了某一列的值)
for(var i=0;i<rows.length;i++){
var value=rows[i].role;
if(value!==""){
$("input[type='checkbox']")[i + 1].disabled = "disabled";
}
}
}
function onClickRow(rowIndex, rowData){//取消行點選事件
$(this).datagrid('unselectRow', rowIndex);
}