文档章节

动态显示列/隐藏列实现

lgscofield
 lgscofield
发布于 2015/06/26 13:58
字数 215
阅读 3
收藏 0
动态显示列/隐藏列实现
Requied
[color=cyan][/color]
jquery.clickmenu.js (15kb)
jquery.clickmenu.pack.js (4kb)
clickmenu.css (2kb - it won’t work without this)

Example zero (all-in-one):

create the column header list inside the element with the ID "targetone"
define on and off classes for the column header list
don't include the last two columns in the list
save the visibility state informations for the next visit
hide the columns one and three by default
toggle the columns through the three buttons
use custom show/hide functions when using the buttons
 
    $('#tableall').columnManager({listTargetID:'targetall', onClass: 'advon', offClass: 'advoff', hideInList: [4,5],  
                    saveState: true, colsHidden: [1,3]}); 
     
    var opt = {listTargetID: 'targetall', onClass: 'advon', offClass: 'advoff',  
            hide: function(c){ 
                $(c).fadeOut(); 
            },  
            show: function(c){ 
                $(c).fadeIn(); 
            }}; 
    $('#buttonone').click(function(){ $('#tableall').toggleColumns(1, opt); }); 
    $('#buttontwo').click(function(){ $('#tableall').toggleColumns(2, opt); }); 
    $('#buttonthree').click(function(){ $('#tableall').toggleColumns(3, opt); }); 
    $('#buttonshowall').click(function(){ $('#tableall').showColumns(null, opt); }); 
    $('#buttonshow').click(function(){ $('#tableall').showColumns([1], opt); }); 
    $('#buttonhide').click(function(){ $('#tableall').hideColumns([2, 3], opt); });


<script type="text/javascript">  
$(document).ready(function()  
{  
    $.fn.clickMenu.setDefaults({arrowSrc:'arrow_right.gif', onClick: function(){/*do something*/}});  
    $('selector1').clickMenu(); /* use default values */  
    $('selector2').clickMenu({arrowSrc:''}); /* dont use an arrow for submenus */  
    $('selector3').clickMenu({subDelay: 1000, mainDelay: 500}); /* slow menu */  
});  
</script>

本文转载自:http://lgscofield.iteye.com/blog/1660764

共有 人打赏支持
lgscofield

lgscofield

粉丝 23
博文 140
码字总数 63036
作品 0
南京
架构师
私信 提问
动态的管理ASP.NET DataGrid数据列

动网先锋 在ASP.NET的DataGrid数据显示控件编程中,我们有几种方式可以增加DataGrid columns。其中最常见的方法是在web forms设计器中增加,通过在控件工具箱中拖访DataGrid控件到web设计页面...

晨曦之光
2012/03/09
83
0
Dorado中DataTable使用技巧汇总

1.如何设定表格中行的高度(包括表格头,合计栏) headerHeight:设定表格头的高度; footerHeight:设定表格合计栏的高度; rowHeidht:设定数据行的高度; dorado-5.0 060904.1658以后的版本...

JAVA_NINA
2012/05/08
0
0
Wireshark网络分析实例集锦2.1.2隐藏、删除、重新排序及编辑列

Wireshark网络分析实例集锦2.1.2隐藏、删除、重新排序及编辑列 用户可以在首选项窗口对列进行各种操作,如隐藏列、删除列、编辑列等。将鼠标靠近Packet List面板中的列窗口,右键单击某一列,...

大学霸
2014/12/16
0
0
银光电子表格控件Essential Grid for Silverlight详细介绍

Essential Grid for Silverlight控件包含一个高性能的数据绑定和面向单元格的表格控件,支持滚动和实时更新、多种单元格类型、分组、多列排序、过滤、多层显示和统计功能,冻结行和列、插入公...

baobiaokongjian
2014/06/05
0
0
创建数据到平面或分层样式的Xtreme Report报表控件

Xtreme Report为windows软件开发者提供一个完善的类似于Outlook 2003报表的风格。Windows开发者可以方便的创建一组数据到一个平面或分层样式中,还可在报表中自定义颜色与已有的应用程序相匹...

netkongjian
2014/06/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
22
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
17
0
my.ini

1

architect刘源源
今天
15
0
docker dns

There is a opensource application that solves this issue, it's called DNS Proxy Server It's a DNS server that solves containers hostnames, if could not found a hostname that mat......

kut
今天
15
0
寻找数学的广度——《这才是数学》读书笔记2700字

寻找数学的广度——《这才是数学》读书笔记2700字: 文|程哲。数学学习方式之广:国内外数学教育方面的专家,进行了很多种不同的数学学习方式尝试,如数学绘本、数学游戏、数学实验、数学步道...

原创小博客
今天
27
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部