[转]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 ...
随机推荐
- 常用到的一些js方法,记录一下
获取字符串长度 function GetStringLength(str) { return str.replace(/[^\x00-\xff]/g, "00").length; ...
- JAVA 从头开始<四>
一.switch 1.根据输入月份获取季节 import java.util.*; class Demo8{ public static void main(String[] args) { Syst ...
- ThinkPHP5.0手把手实现手机阿里云短信验证
阿里云短信服务介绍阿里云短信服务就是以前的阿里大于,不过现在融合得到阿里云平台了.首先,你需要注册一个阿里云账号,这个自行解决. 仅用于测试使用官方送的代金券够用了.相关配置1.开通阿里云Access ...
- falcon nodata 小坑一枚
按照官方文档配置完一切正常,唯独 nodata, 明明有正常的数据,但是为什么 nodata 会认为是没收到呢 困扰许久,直到看了数据库中的数据才恍然大悟 falcon_portal库中的 hosts ...
- python里面如何拷贝一个对象?deepcopy 和 copy 有什么区别 ?
深拷贝就是说原内容改变但是拷贝的性内容不会改变,copy.copy和deepcopy对一个不可变类型进行拷贝, name结果相同都是浅拷贝指向引用如果是可变的话, 即使元组在最外层, 那么deepco ...
- CSS3盒子模型(下)
绝对定位的盒子水平/垂直居中 普通的盒子是左右margin 改为 auto就可, 但是对于绝对定位就无效了 定位的盒子也可以水平或者垂直居中,有一个算法. 首先left 50% 父盒子的一半大小 然后 ...
- js之global 对象 方法
global 作为js的全局对象,但其是无法直接访问的,但是在浏览器中浏览器是将这个对象当做是window对象的一部分,即Date 等Global的属性使用window.Date 可访问到 1.url ...
- 【转】MySQL下载安装验证
MySQL官网下载路径:https://dev.mysql.com/downloads/mysql/ MySQL安装步骤:转自博主 Smile_Coding 博文:https://www.cnblog ...
- reCaptcha for ASP.NET
使用reCaptcha for asp.net library,以前一直工作正常,最近发现运行不正常了,google到了一个解决方案,不适用control而直接使用api,代码如下: markup: ...
- (转)AWK函数
http://wiki.jikexueyuan.com/project/awk/built-in-functions.html-------内置函数 http://wiki.jikexueyuan.c ...