本文转自：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实现多列排序,并显示图标的更多相关文章

  1. GridView多列排序

    public class WebGridView:GridView { 属性#region 属性 /**//// <summary> /// 是否启用或者禁止多列排序 /// </s ...

  2. ASP.NET 为GridView添加序号列，且支持分页连续累计显示

    为GridView添加序号列,且支持分页连续累计显示,废话不多说,直接上代码: <%@ Page Language="C#" AutoEventWireup="tr ...

  3. python 全栈开发，Day114(装饰器,排序规则,显示列,添加按钮,定制ModelForm,自定义列表页面,自定制URL)

    一.装饰器 装饰器本质上就是一个python函数,他可以让其他函数在不需要做任何代码变动的前提下,增加额外的功能,装饰器的返回值也是一个函数对象. 装饰器的应用场景:比如插入日志,性能测试,事务处理, ...

  4. 详解ASP.NET4 GridView的四种排序样式

    与ASP.NET 的其他Web控件一能够,Gridview控件拥有很多不同的CSS样式属性设置,包括象CssClass,Font字体,ForeColor,BackColor,BackColor, Wi ...

  5. Jtable 表格按多列排序（支持中文汉字排序）

    这两天公司让做一个Jtable表格的排序,首先按A列排序,在A列相等时按B列排序,B列相等时按C列排序,ABC三列可以任意指定,最多分三列,这样的一个需求.由于我是大神,所以必须做了出来.ok,不自恋 ...

  6. 自定义多列排序：C++/Java实现

    前言: 有些时候,我们在编程中会遇到多列排序的需求.假如在execle,这事儿就太easy了.不过没办法,现在就需要你用Java或者C++实现这样一个功能! 比如将下表无序的数据通过重排之后按照以下规 ...

  7. 向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题

    原文:向GridView的模板列绑定OnClientClick的函数时出现了奇怪的问题 GridView的一个模板列中的内容是按钮,需要实现以下的效果: GridView分页显示数据,点击编辑按钮(模 ...

  8. 如何让Gridview在没有数据的时候显示表头(asp.net)

    原文:如何让Gridview在没有数据的时候显示表头(asp.net) 1．前言 当对GridView控件进行数据绑定时,如果绑定的记录为空,网页上就不显示GridView,造成页面部分空白,页面布局 ...

  9. BootstrapTable的列排序怎么搞

    1.BootstrapTable的列排序怎么搞. 先搞一个table,使用ajax将数据查询出来,然后可以在所有列都加上排序.满足自己的需求. data-sortable="true&quo ...

随机推荐

  1. BCP IN示例

    参考:http://www.cnblogs.com/qanholas/archive/2011/07/05/2098616.html bcp {dbtable | query} {in | out | ...

  2. 转载:R语言Data Frame数据框常用操作

    Data Frame一般被翻译为数据框,感觉就像是R中的表,由行和列组成,与Matrix不同的是,每个列可以是不同的数据类型,而Matrix是必须相同的. Data Frame每一列有列名,每一行也可 ...

  3. 简易Python语句获取本机ip地址

    import os, socket def public_ip(): try: s = socket.socket(socket.AF_INET, socket.SOCK_DGRAM) s.conne ...

  4. NLayerAppV3--DDD之领域层

    回顾:NLayerAppV3是一个使用.net 2.1实现的经典DDD的分层架构的项目. NLayerAppV3是在NLayerAppV2的基础上,使用.net core2.1进行重新构建的:它包含了 ...

  5. P3175 [HAOI2015]按位或

    传送门 一如既往膜拜shadowice巨巨 前置姿势我就没一个会的-- //minamoto #include<bits/stdc++.h> #define R register #def ...

  6. Redis的Pub/Sub机制存在的问题以及解决方案

    Redis的Pub/Sub机制使用非常简单的方式实现了观察者模式,但是在使用过程中我们发现,它仅仅是实现了发布订阅机制,但是很多的场景没有考虑到.例如一下的几种场景: 1.数据可靠性无法保证 一个re ...

  7. [Swift实际操作]七、常见概念-(4)范围CGRect的使用详解

    本文将为你演示区域对象CGRect的使用.你可以将区域对象,看作是点对象和尺寸对象的组合 首先导入需要使用到底界面工具框架 import UIKit 然后初始化一个区域对象,它的原点位于(0,0),宽 ...

  8. 关于MySQL连接抛出Authentication Failed错误分析

    [问题描述] 在应用端,偶尔看到有如下报错: Authentication to host 'xxxx' for user 'yyyy' using method 'mysql_native_pass ...

  9. php内核为变量的值分配内存的几个宏

    在php5.3之前,为某变量分配内存是用宏 MAKE_STD_ZVAL; 737 #define MAKE_STD_ZVAL(zv) \ # /Zend/zend.h738 ALLOC_ZVAL(zv ...

  10. c++之sleep函数

    c++之sleep函数 c++中使用sleep函数需要导入第三方库,标准库中没有该函数实现. 我们导入window.h使用Sleep()方法,注意:第一个S要大写,括号中的表示的整数倍的毫秒 Slee ...