[转]Gridview实现多列排序,并显示图标
本文转自：http://blog.csdn.net/gmjinrong/article/details/4516301
GridView实现支持多列排序,并显示升、降序图标上网找了很多资料参考才解决了问题
现分享如下:
1.新建StyleSheet.css,图片自己准备及路径需自行更改.
.alternatingrowstyle{
/* background-color:#f9f9f9;*/
background-color:White;
}
.sortascheaderstyle{
background:#F2F2F2 url(../Img/sort_asc.gif) no-repeat scroll right center;
padding-left:5px;
}
.sortdescheaderstyle{
background:#F2F2F2 url(../Img/sort_desc.gif) no-repeat scroll right center;
padding-left:5px;
}
.ItemStyle
{
}
.gridview
{
word-break:break-all;
word-wrap:break-word
}
headerstyle{
/* background-color:#e5e5e5;*/
background-color:#F2F2F2;
height:23px;
}
.headerstyle th {
border:1px solid #bbbbbb;
padding-left:5px;
text-align:left;
}
.headerstyle a {
color:black;
}
.pagerstyle{
color:#444444;
background-color:#e5e5e5;
font-size:x-small;
text-align:right;
}
2.前台
引用:
<head runat="server">
<link href="css/StyleSheet.css" rel="Stylesheet" type="text/css" />
</head>
Gridview部分:
<asp:GridView ID="givOrder" runat="server" CssClass="gridview"
AutoGenerateColumns="False" OnRowDataBound="givOrder_RowDataBound"
DataKeyNames="Rowid" AllowSorting="True"
onsorting="givOrder_Sorting" >
<AlternatingRowStyle CssClass="alternatingrowstyle" />
<HeaderStyle CssClass="headerstyle" />
<PagerStyle CssClass="pagerstyle" />
<Columns>
<asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="30px">
<ItemTemplate>
<%# Convert.ToInt32(DataBinder.Eval(Container, "DataItemIndex")) + 1 %>
</ItemTemplate>
<ItemStyle CssClass="ItemStyle"/>
</asp:TemplateField>
<asp:TemplateField ItemStyle-HorizontalAlign="Center"
HeaderText="订单号" SortExpression="OrderNo">
<ItemTemplate>
<asp:TextBox ID="txtOrderNo" runat="server" TextMode="MultiLine" CssClass="textBox" Rows="1" Width="60px" Text='<%# Bind("orderNo") %>' ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-HorizontalAlign="Center"
HeaderText="客户" SortExpression="CustomerName" >
<ItemTemplate>
<asp:TextBox ID="txtCustomerName" runat="server" TextMode="MultiLine" CssClass="textBox" Rows="1" Width="100px" Text='<%# Bind("CustomerName") %>' ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后台实现:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
GridViewDataBind(); //自己实现的数据绑定DataSource
IDictionary<string, string> idic = new Dictionary<string, string>();
ViewState["sortIDic"] = idic;
}
}
protected void givOrder_Sorting(object sender, GridViewSortEventArgs e)
{
int cellIndex = -1;
foreach (DataControlField field in givOrder.Columns)
{
if (field.SortExpression == e.SortExpression)
{
cellIndex =givOrder.Columns.IndexOf(field);
if (ViewState["cellindex"] != null)
{
int oldCellindex=int.Parse(ViewState["cellindex"].ToString());
if (oldCellindex != cellIndex)
givOrder.Columns[oldCellindex].HeaderStyle.CssClass = "";
}
break;
}
}
string sortExpression = e.SortExpression;
IDictionary<string, string> idic = ViewState["sortIDic"] as IDictionary<string, string>;
if (!idic.ContainsKey(sortExpression))
{
idic.Add(e.SortExpression, e.SortDirection.ToString().Replace("Ascending", "ASC").Replace("Descending", "DESC"));
givOrder.Columns[cellIndex].HeaderStyle.CssClass = "sortascheaderstyle";
}
else
{
string strSortDirection = idic[e.SortExpression];
if (strSortDirection == "ASC")
{
idic[e.SortExpression] = "DESC";
givOrder.Columns[cellIndex].HeaderStyle.CssClass = "sortdescheaderstyle";
}
else if (strSortDirection == "DESC")
{
idic.Remove(e.SortExpression);
givOrder.Columns[cellIndex].HeaderStyle.CssClass = "";
}
}
ViewState["sortIDic"] = idic;
ViewState["cellindex"] = cellIndex;
SortGridView();
}
/// <summary>
/// 实现多行排序
/// </summary>
private void SortGridView()
{
StringBuilder sbSortExpression = new StringBuilder();
IDictionary<string, string> idic = ViewState["sortIDic"] as IDictionary<string, string>;
string[] strkeys = new string[idic.Count];
if (idic.Count > 0)
{
idic.Keys.CopyTo(strkeys, 0);
for (int i = 0; i <idic.Count; i++)
{
sbSortExpression.Append(strkeys[i]);
sbSortExpression.Append(" ");
sbSortExpression.Append(idic[strkeys[i]]);
if (i != idic.Count-1)
sbSortExpression.Append(", ");
}
}
clsborder l_order = new clsborder();
DataTable dt = l_order.SelectOrder();
DataView dv = dt.DefaultView;
dv.Sort = sbSortExpression.ToString();
givOrder.DataSource = dv;
givOrder.DataBind();
}
[转]Gridview实现多列排序,并显示图标的更多相关文章
- GridView多列排序
public class WebGridView:GridView { 属性#region 属性 /**//// <summary> /// 是否启用或者禁止多列排序 /// </s ...
- ASP.NET 为GridView添加序号列，且支持分页连续累计显示
为GridView添加序号列,且支持分页连续累计显示,废话不多说,直接上代码: <%@ Page Language="C#" AutoEventWireup="tr ...
- python 全栈开发，Day114(装饰器,排序规则,显示列,添加按钮,定制ModelForm,自定义列表页面,自定制URL)
一.装饰器 装饰器本质上就是一个python函数,他可以让其他函数在不需要做任何代码变动的前提下,增加额外的功能,装饰器的返回值也是一个函数对象. 装饰器的应用场景:比如插入日志,性能测试,事务处理, ...
- 详解ASP.NET4 GridView的四种排序样式
与ASP.NET 的其他Web控件一能够,Gridview控件拥有很多不同的CSS样式属性设置,包括象CssClass,Font字体,ForeColor,BackColor,BackColor, Wi ...
- Jtable 表格按多列排序（支持中文汉字排序）
这两天公司让做一个Jtable表格的排序,首先按A列排序,在A列相等时按B列排序,B列相等时按C列排序,ABC三列可以任意指定,最多分三列,这样的一个需求.由于我是大神,所以必须做了出来.ok,不自恋 ...
- 自定义多列排序：C++/Java实现
前言: 有些时候,我们在编程中会遇到多列排序的需求.假如在execle,这事儿就太easy了.不过没办法,现在就需要你用Java或者C++实现这样一个功能! 比如将下表无序的数据通过重排之后按照以下规 ...
- 向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题
原文:向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题 GridView的一个模板列中的内容是按钮,需要实现以下的效果: GridView分页显示数据,点击编辑按钮(模 ...
- 如何让Gridview在没有数据的时候显示表头(asp.net)
原文:如何让Gridview在没有数据的时候显示表头(asp.net) 1．前言 当对GridView控件进行数据绑定时,如果绑定的记录为空,网页上就不显示GridView,造成页面部分空白,页面布局 ...
- BootstrapTable的列排序怎么搞
1.BootstrapTable的列排序怎么搞. 先搞一个table,使用ajax将数据查询出来,然后可以在所有列都加上排序.满足自己的需求. data-sortable="true&quo ...
随机推荐
- 关于Java_Web连接Oracle数据库
1.前提条件 1>装有Oracle数据库(因为连接的时候需要开启两项服务) 2>myeclipse或eclipse(支持WebProject的版本)开发环境,本机以myeclipse为例, ...
- HI-LO计数法，赌桌，与机会
HI-LO计数法,赌桌,与机会 “人只是在拼一种可能性”. 很多简单道理往往字面上理解容易,可实际运用难极. 一,那些人生中被扯的蛋 而关于人生的指导,好多耳熟能详的老话最终都被发现是蒙傻逼的.随便说 ...
- 网易郑栋：数据采集与分析的那些事——从数据埋点到AB测试
本文由 网易云发布. 4月8日晚,DTalk邀请到了网易互联网分析产品.可视化 BI 产品的负责人—郑栋老师,进行了一次关于<网易郑栋:数据采集与分析的那些事第一弹: 数据篇>的主题分享 ...
- STL在数组算法的使用
find(a:起始位置 , b: 终止位置 , c: 要查找的内容) ------>查找寻找内容的位置 count(a:起始位置 , b: 终止位置 , c: 要查找的内容) -- ...
- leetcode 120. 三角形最小路径和 JAVA
题目: 给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径和 ...
- php程序开销比较
内存最快 文件次之 数据库最慢
- kali Linux 上编译并使用RFID核弹——proxmark3
你还在在Windows下使用proxmark3?弱爆了! 本文作者:i春秋签约作家——冰尘 作为一个标准的日天日地日空气的(单身贵族泰迪)物理黑客Proxmark3这么高大上的东西应该是在键盘敲打声中 ...
- 《JAVA与模式》之代理模式
在阎宏博士的<JAVA与模式>一书中开头是这样描述代理(Proxy)模式的: 代理模式是对象的结构模式.代理模式给某一个对象提供一个代理对象,并由代理对象控制对原对象的引用. 代理模式的结 ...
- Linux 基础命令 持续更新中...
1.ls 显示当前文件/文件夹 显示文件大小: ls -lh 显示隐藏文件: ls -a 显示文件详细信息: ls -l (ll)2.pwd 显示当前所在路径 cat 显示当前文件下所有内容3.cd ...
- js06
接着我们继续学习一些js的知识,这里主要讲js的一些库jq与prototype的一些基础. 1.jq函数 $():向其传递DOM对象,返回jQuery对象 jq允许通过CSS选择器 ...