easyui动态显示和隐藏表头
为什么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> ';}$("#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
easyui动态显示和隐藏表头相关推荐
- easyUI dataGrid 隐藏分页工具栏 隐藏表头
一.方法1(不推荐) 适应以下需求: 1.当表格没有数据时,把datagrid隐藏;有数据的时候显示 2.表格不分页,无需显示分页栏 3.datagrid的高度由内容撑开(固定高度,无数据时显示空白也 ...
- ant design 动态显示隐藏表头
主要是使用了 filterType属性, {title: "处理状态",dataIndex: "status",key: "status", ...
- vue动态点击切换css样式且子元素动态显示和隐藏
vue动态点击切换css样式并子元素动态显示和隐藏 <template><div v-for="i in 5" class="el-personal&q ...
- vue底部选择器_vue实现动态显示与隐藏底部导航的方法分析
vue实现动态显示与隐藏底部导航的方法分析 本文实例讲述了vue实现动态显示与隐藏底部导航的方法.分享给大家供大家参考,具体如下: 在日常项目中,总有几个页面是要用到底部导航的,总有那么些个页面,是不 ...
- Android动态显示和隐藏状态栏
简述: View类提供了setSystemUiVisibility和getSystemUiVisibility方法,这两个方法实现对状态栏的动态显示或隐藏的操作,以及获取状态栏当前可见性. setSy ...
- WPF:动态显示或隐藏Listview的某一列
这几天做项目,需要做个listview满足能够动态显示或隐藏某些列,由于自己是菜鸟水平,查了两天资料也没有想出解决办法.就在我山穷水尽的时候看到了Mgen的一篇博客,给了我很大启发,所以我也决定把自己 ...
- easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示 用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColumn换成 ...
- 安卓动态修改系统状态栏背景和文字颜色,以及动态显示或隐藏系统状态栏
关于动态修改系统状态栏背景.字体和图标颜色,以及动态显示或隐藏系统状态栏,一直都是都是许多项目的常规需求.但是,由于不同版本间的兼容性差异,网上的实现方法多种多样.并且,许多方法都会存在这样.那样的不 ...
- java屏蔽虚拟按键代码_Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP)/动态显示和隐藏NavigationBar...
场景分析, 为了完全实现沉浸式效果,在进入特定的app后可以将导航栏移除,当退出app后再次将导航栏恢复.(下面将采用发送广播的方式来移除和恢复导航栏) ps:不修改源码的情况下,简单的沉浸式效果实现 ...
最新文章
- linux 检索全部文件中的中文词汇,linux – 获取所有文件中的单词计数
- 解决运行pytorch程序多线程问题
- Kafka如果丢了消息,怎么处理的?
- python把图片另存为_pycharm sciview的图片另存为操作
- GDCM:gdcm::ServiceClassUser的测试程序
- iOS开发常用的第三方
- 想创业没有资金,如何获得启动资金?
- 遥感影像滤波处理软件 — timesat3.2
- jq 在字符串中,去掉指定的元素
- Win11系统如何恢复隐藏文件
- 表情包+外卖+壁纸小程序源码
- php怎么连接数据库6,PHP连接数据库的步骤
- leetcode刷题:数组的最大子序和
- 教你用canvas绘制矩形
- 大数据营销案例沃尔玛_实现大数据营销的方式有哪些
- C# HttpWebRequest 绝技 【转】
- SSD网络结构优劣分析
- 我的世界服务器无法发送聊天信息,我的世界聊天框指令传送 | 手游网游页游攻略大全...
- 分区起始位置参数溢出_机械硬盘在4k对齐时勾选了一个主分区,没想到居然提示起始位置参数溢出~后来我不想要这个主分区了重新...
- matlab实现LSB图像水印的嵌入与提取
热门文章
- 从数据库表中随机获取N条记录的SQL语句
- C:01---数据类型与ASCII
- 算法(6)-leetcode-explore-learn-数据结构-数组字符串的双指针技巧
- 判断非负整数是否是3的倍数_五年级数学因数与倍数知识点汇总与解题方法技巧...
- C++学习 高级编程
- java 交换两个数的值(临时变量,加减,异或)
- Linux学习笔记(二)
- Perl迎来25岁生日
- FreeBSD 10 将使用 Clang 编译器替换 GCC
- “ 紫手环的力量 ” :我想,美好的生活应该是自已造就的...