jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

网络编程 2024/11/15 佚名

3 2 1

本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考，具体如下：

方法很简单，我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示：

//事件
onLoadSuccess: function (data) {
  //模拟测试加载成功后数据Id大于20的都勾选中，并禁用checkbox
  for (var i = 0; i < data.rows.length; i++) {
    if (data.rows[i].Id > 20) {
      dgObj.datagrid('checkRow', i);
      //禁用checkbox
      $(".datagrid-row[datagrid-row-index=" + i + "] input[type='checkbox']")[0].disabled = true;
    }
  }
}

说明：

其中的dgObj为表格对象，如：

$('#tableId')

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery,插件,EasyUI,设置,datagrid,checkbox,禁用状态