1. 程式人生 > >easyui 去除datagrid表頭的checkbox 和將某行不能選中

easyui 去除datagrid表頭的checkbox 和將某行不能選中

<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">
縣市

</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);
   
    }