在asp.net中显示/隐藏GridView的列-低调大师

在asp.net中显示/隐藏GridView的列

2017-12-31 744

代码：/Files/zhuqil/ShowHideGridviewColumns.zip

介绍：

这篇文章演示如果让用户有显示/隐藏他们需要的GridView的列的功能，这是非常有用的，因为在GridView的所有列并不是每个的用户都需要的.用户想根据自己的需求看到想要的列.而不是显示一个巨大的gridview，霸占了整个屏幕，而是一个整洁的Gridview，而且它有所有你需要的列.对于页面的打印这也是一个非常有用的技术，因为用户可以灵活地选择GridView的列打印。

背景：

RowCreated 和ItemDataBound 事件允许你用多种方式注入HTML, CSS,和JavaScript 来增强GridView 控件的功能。

应用程序示例：

这是一个任务管理系统的示例,它可能就没有必要总是显示任务“ID”列，还有打印任务列表的时候，可能不需要"Assigned To" 列.

下面是一个演示的Gridview，它只显示了4列.

通过点击列头的负号,用户能隐藏一列;下图中,“Id”列被隐藏了.

隐藏列可再次可见通过选择 "Show Column"下拉菜单让其显示.当一列刚被隐藏后，它将出现在 "Show Column"中的第一个位置。

下面是在一页打印预览，ID为隐藏的列：

这篇文章将会演示两种显示和隐藏GridView列的方法，一种是客户端的方法，另外一种是服务段的方法.

在客户段显示和隐藏GridView的列

大部分代码是在GridView的RowCreated事件生成客户端的功能的。当GridView的Header行被创建后，一个带负号的HyperLink被插入每个Header行的单元格中用来隐藏列。这个hyperlink通过它的onclick事件调用一个HideCol的Javascript方法，CSS类用来增加负号的大小,当每个数据行被创建的时候，一个Id将会被添加到每行中用来让Javascript区分每一行.

 
 
 代码 

SetupShowHideColumns方法中生成“Show Columns”下拉菜单的HTML，输出在Literal控件上面。

 
 
 代码 

在数据绑定到GridView之后，其余的工作由ShowHideColumns.js中的javascript来完成.当列头的hyperlink被点击的时候后，它将会传递GridView的名字，列的索引和列名给HideCol方法，这个方法能找到这一列的每个单元格,每个单元格的将添加display:none样式，用来隐藏这一列.

当选择"Show Column"中的选项后,Javascript方法ShowCol将会被调用,它将移除每个单元格的display:none样式,这一列将会被再次显示.

在服务端显示/隐藏GridView的列

服务端的例子将通过RowCreated事件给每个列头添加一个负号，这次是使用LinkButton控件.设置CommandName和CommandArgument属性，这样当通过LinkButton引发RowCommand事件时，相关的列都可以隐藏。以前隐藏的列索引存储在一个List<int>中，这些列在建立时，将会被隐藏的。

 
 
 代码 

在SetupShowHideColumns 方法中创建"Show Columns"下拉菜单，以前被隐藏的列名被添加到"Show Columns"下拉菜单选项中。

 
 
 代码 

示例项目的例子：

客户端的例子：

C#.NET - Client-side example accessing data stored in session.
C#.NET - Client-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control.
VB.NET - Client-side example accessing data stored in session.
服务端的例子
C#.NET - Server-side example accessing data stored in session.
C#.NET - Server-side example which includes: MasterPage, UpdatePanel, GridView editing, paging and sorting, accessing data via the SqlDataSource control.
VB.NET - Server-side example accessing data stored in session.

结论：

如果你想让你的用户能够显示和隐藏在ASP.NET GridView的列，那么这种技术可能是非常有用的。

原文：http://www.codeproject.com/KB/webforms/ShowHideGridviewColumns.aspx

本文转自麒麟博客园博客，原文链接：http://www.cnblogs.com/zhuqil/archive/2009/12/14/1623652.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/339132

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

在javascript中使用wcf服务

代码：/Files/zhuqil/wcffromjavascript.zip 目录： • 开发平台 • 介绍 • 使用AJAX-Enabled WCF Service项目模板 • 使用的类库项目来定义WCF服务接口 •配置一个Web 应用程序来使用TODO服务 • 在JavaScript中使用WCF服务 • 总结开发平台： 1、Visual Studio 2008 SP1 2、.NET Framework 3.5 SP1 3、ASP.NET AJAX 4、IIS 7或者 VS Integrated Web Server [WCF和 SVS文件的配置] 5、Windows Vista 介绍： WCF为微软的应用程序开发平台提供了大量的新增的功能。特别是在各个应用程序之间的交互。在这篇文章中,我们将看到能够在客户端的Javacript直接使用WCF服务。这个是ASP.NET AJAX提供的非常酷的功能。在这篇文章中,我们不会涵盖WCF内部的原理，我们仅仅关注如何在JavaScript中直接使用wcf服务。因此,没有asp.net或者.net运行时如何管理这些功能的...

2017-12-31

730

1.5.1.for #!/bin/bash for i in 1 2 3 4 5 do echo "Welcome $i times" done for i in $( ls ); do echo item: $i done for i in `seq 1 10`; do echo $i done for i in {1..5} do echo "Welcome $i times" done for (( c=1; c<=5; c++ )) do echo "Welcome $c times..." done for ((i=1; $i<=9;i++)); do echo $i; done for i in {0..10..2} do echo "Welcome $i times" done for i in $(seq 1 2 20) do echo "Welcome $i times" done 单行实例 for ip in {1..10};do echo $ip; done for i in `seq 1 10`;do echo $i;done for ip in {...

2017-12-31

619

资源下载

更多资源

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。