easyui动态显示和隐藏表头

最新推荐文章于 2022-11-18 16:23:21 发布

weixin_33966365

最新推荐文章于 2022-11-18 16:23:21 发布

阅读量583

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/jphper/blog/914892

版权

为什么80%的码农都做不了架构师？>>>

var _bt={'date':'日期','subtime':'填写时间','xz':'小组','uname':'操作人','qdbh':'渠道编号','mt':'媒体','zh':'账户','sjd':'时间段','tfwz':'投放位置','tfh':'投放号','td':'团队','sjje':'实际金额','jxs':'进线数','cb':'成本','yxzyjx':'有效资源进线','yxzyl':'有效资源率','tgl':'通过率','wxewmcazs':'微信或二维码长按总数','cajxl':'长按进线率','ldyjzs':'落地页加载数','ldydjcal':'落地页点击长按率','ldybh':'落地页编号','note':'备注'};
var _grid;
$(function(){
	var _headerHtml="";
	for(k in _bt){
		_headerHtml+='<label for="dc_xs_'+k+'"><input type="checkbox" checked  name="dc_data" value="'+k+'" id="dc_xs_'+k+'" />'+_bt[k]+'</label>&nbsp;';
	}
	$("#sethead_list").html(_headerHtml);
    //全选反选
	$("input[name='dc_xz_all']").on("click",function(){
		if(this.checked){
			 $("input[name='dc_data']").each(function() {
				this.checked=true;
			 });
		}else{
			$("input[name='dc_data']").attr('checked', false)
		} 
	})
})



//设置表头隐藏显示
function setHeaderShowHideAction(){
	var data_hide=new Array();
	var data_show=new Array();
	$("input[name='dc_data']").each(function(){
		if(!this.checked){
			data_hide.push(this.value);
		}else{
			data_show.push(this.value);
		}
	})
	
	$(".datagrid-view2").find("td").each(function(){
		if($.inArray($(this).attr("field"), data_hide)!=-1){
			$(this).hide();
		}
		if($.inArray($(this).attr("field"), data_show)!=-1){
			$(this).show();
		}
	})
    _grid.resize();//刷新视图，修复datagrid超出屏幕滚动条问题
}
function setHeaderShowHide(){
	$('#dlg_setheader').dialog({
		title: '设置显示项',
		closed: false,
		cache: false,
		modal: true,
		resizable:true,
		iconCls: 'icon-edit',
		width: 650,
		height: 300
	});
}

//datagrid加载成功的时候，再设置下是否要隐藏和显示表头
...
onLoadSuccess:function(data){
        _grid=$(this);
		setHeaderShowHideAction();
},

转载于:https://my.oschina.net/jphper/blog/914892