疯狂的阳仔
2016-09-22 11:06:19
easyUI的grid的checkbox列隐藏问题
外派工作闲来无事,准备开始对完成的项目开始zuo,一眼就看到了grid的checkbox列,这时候就想能不能不显示这一列呢,于是乎上网查了下发现并没有好的解决方案。反正也是没事做,就看看源码,尝试着写了下实现。
checkbox显示前效果(原谅我的涂鸦,大家看效果就好。。毕竟外派人员,啥也不能泄漏)
隐藏后效果
下面是实现代码,colum信息已删除,看onLoadSuccess方法就可以了:
$('#list') .datagrid( { url : 'AssetMaintain_gridLoad_grid.action', queryParams : getQueryParams("searchData"), singleSelect : true, checkOnSelect : true, selectOnCheck : true, pageSize : 20, onLoadSuccess : function(data) { $("#list").parent().find("div .datagrid-header-check").parent().attr("style", "display:none;"); headAlign(this); } });
以下是随便搞的,同样加在onLoadSuccess方法中
只隐藏列头的checkbox:
$("#list").parent().find("div .datagrid-header-check").children("input[type=\"checkbox\"]").eq(0).attr("style", "display:none;");
只隐藏grid表中的checkbox(关于序号,可以用遍历):
$("#list").parent().find("div .datagrid-cell-check").children("input[type=\"checkbox\"]").eq(0).attr("style", "display:none;");
序号和checkbox列都隐藏(应该没有这种连序号都不要的变态需求吧。。。):
$("#list").parent().find("div .datagrid-header-check").parent().parent().attr("style", "display:none;");
评论