疯狂的阳仔的gravatar头像
疯狂的阳仔 2016-09-22 11:06:19
easyUI的grid的checkbox列隐藏问题

外派工作闲来无事,准备开始对完成的项目开始zuo,一眼就看到了grid的checkbox列,这时候就想能不能不显示这一列呢,于是乎上网查了下发现并没有好的解决方案。反正也是没事做,就看看源码,尝试着写了下实现。

checkbox显示前效果(原谅我的涂鸦,大家看效果就好。。毕竟外派人员,啥也不能泄漏)

easyUI的grid的checkbox列隐藏问题

隐藏后效果

easyUI的grid的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;");

打赏
最近浏览
tuyinbo  LV2 2020年5月12日
hhuangh  LV5 2019年9月30日
伤心太平洋  LV6 2019年7月18日
play605729 2019年7月8日
暂无贡献等级
钟立海  LV12 2018年4月25日
johntsu  LV1 2017年12月26日
weienqing  LV17 2017年11月15日
203778513  LV9 2017年9月13日
有一方  LV2 2017年6月30日
aje96923  LV2 2017年2月21日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友