当前位置: 代码迷 >> JavaScript >> jquery easyui中DataGrid中怎么设置checkbox为不可用状态
  详细解决方案

jquery easyui中DataGrid中怎么设置checkbox为不可用状态

热度:896   发布时间:2013-10-04 21:41:43.0
jquery easyui中DataGrid中如何设置checkbox为不可用状态
RT

就是在DataGrid列表加载完成后,我要设置其中某几行的checkbox为不可用状态

------解决方案--------------------
1.遍历行,将某几行的checkbox的disabled设为true;
2.同上,将checkbox去掉
3.或者列表中加上checkbox:false
------解决方案--------------------
原生的js,改成你用的jquery的datagrid估计需要改造下

<html>
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
<body>
<table >
   <thead>
   <th></th>
   <th>测试内容</th>
   </thead>
   <tbody id ="testtbody">
<tr>
<td><input type='checkbox' /></td>
<td>test1</td>
</tr>
<tr>
<td><input type='checkbox' /></td>
<td>test2</td>
</tr>
<tr>
<td><input type='checkbox' /></td>
<td>test3</td>
</tr>
<tr>
<td><input type='checkbox' /></td>
<td>test4</td>
</tr>

   </tbody>
</table>
</body>
<script type="text/javascript">
     function disableTr()
 {
     var table = document.getElementById("testtbody");
 var rows = table.rows;
 var tr = rows[2];
 var checkboxTd = tr.cells[0];
 var checkbox =  checkboxTd.childNodes[0];
 debugger;
 checkbox.disabled = true;
 //这里禁用第三行的checkbox
 }
 disableTr();
</script> 

</html>

------解决方案--------------------
onLoadSuccess:function(){//加载完毕后获取所有的checkbox遍历
  $('#test input:checkbox').each(function(index,el){
    if(/*.条件.*/)el.disabled=true;
  });
}
  相关解决方案