GridView实现自动排序后,可否设置标题行的样式

[程序猿GG]

GridView实现自动排序后, 标题行文本会变成一个超级连接, 而且只有当点击到标题栏中的文本时, 才会实现排序, 有没有办法实现如下功能:

1. 当鼠标指向标题栏时, 标题栏中该单元格背景色改变,
2. 当在标题栏某单元格中单击时(不一定要点击标题中的文本, 点空白处也行), 实现排序?

[zhujiazhi]

1、添加onmouse事件的

[mngzilin]

1. 当鼠标指向标题栏时, 标题栏中该单元格背景色改变,
=============
比如你的gridview的id是“gridview1”，可以设置css
<style>
#gridview1 tr td{background-color:white}
#gridview1 tr td:hover{background-color:red}
</style>

2. 当在标题栏某单元格中单击时(不一定要点击标题中的文本, 点空白处也行), 实现排序?
===============
设置line-height为单元格高度

[koukoujiayi]

在GridView的RowDataBound事件中,一下代码是设置第0列的表头:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Header)
{
e.Row.Cells[0].Attributes.Add("onmouseover", "this.style.backgroundColor='#ff0000'");
e.Row.Cells[0].Attributes.Add("onmouseout", "this.style.backgroundColor='#ffffff'");
}
}

[wuyq11]

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#E8F4FF'");
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");

}
}

或
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onMouseOver", "SetNewColor(this);");
e.Row.Attributes.Add("onMouseOut", "SetOldColor(this);");
}
}
var _oldColor;
function SetNewColor(source)
{
_oldColor=source.style.backgroundColor;
source.style.backgroundColor='#E8F4FF';
}
function SetOldColor(source)
{
source.style.backgroundColor=_oldColor;
}

[wuyq11]

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" AllowSorting="true" OnSorting="GridView1_Sorting" AllowPaging="true" PageSize="10" OnPageIndexChanging="GridView1_PageIndexChanging">
<Columns>
<asp:BoundField DataField="id" HeaderText="代码" SortExpression="id"/>
<asp:BoundField DataField="name" HeaderText="名称" SortExpression="name"/>
<asp:TemplateField SortExpression="BUID" HeaderText="BUID">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text=' <%# Bind("ID") %>' ToolTip=' <%# DataBinder.Eval(Container.DataItem, "ID") %>'> </asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
ViewState["SortOrder"] = "deptid";
ViewState["OrderDire"] = "asc";
BindGridView();
}
}

protected void BindGridView()
{

DataSet ds = new DataSet();


DataView dv = ds.Tables[0].DefaultView;
string sort = (string)ViewState["SortOrder"] + " " + (string)ViewState["OrderDire"];
dv.Sort = sort;
this.GridView1.DataSource = dv;

this.GridView1.DataBind();

}
protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)
{
string vortExp = e.SortExpression;
if (ViewState["SortOrder"].ToString() == vortExp)
{
if ((string)ViewState["OrderDire"] == "desc")
{
ViewState["OrderDire"] = "asc";
}
else if ((string)ViewState["OrderDire"] == "asc")
{
ViewState["OrderDire"] = "desc";
}
}
else
{
ViewState["SortOrder"] = e.SortExpression;
}
BindGridView();

}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
this.GridView1.PageIndex = e.NewPageIndex;
BindGridView();
}

[程序猿GG]

问题1已解决, 求问题2的解决方法..

[mail_ylei]

每一个单元格用带ID的DIV填充，js控制参数为列名

[Im_Sorry]

代码上面已经贴了出来， 你可以参考下， 但是我个人不喜欢用这个数据源控件!~

[operatezhang]

好想没有遇到过啊!!!

[operatezhang]

好想没有遇到过啊!!!

[热心男孩]

那可不可以换图片呀？我不想换颜色

[程序猿GG]

[Quote=引用 11 楼 wanngingke 的回复:]
那可不可以换图片呀？我不想换颜色
[/Quote]

用脚本控制吧..