双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

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

2010-03-11 06:38:42 484 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

程序猿GG 墨衍会员 · AI 创作全网分发关注 + 加入社区

WPF——GridView 项目中要用到一个数据分页栏，虽然自己没有实现过，但凭经验感觉它和ListBox/ListView有关。于是去网上搜了下WPF 数据分页栏，果然很多实现都用到了ListView。于是拣了一种比较简单的实现学习，其中包含下面代码： ListView.View的标签内出现了GridView。在我印象中Grid是网格式的，而List是列表式的，所以我很好奇两者为什么可以混到一起。当然从类的关系上来看，应该是两者都继承了一个共同的父类。那么为了能使用起来更“自如”，对GridView有个系统的了解，还是有必要学习一阅读详情

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

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

...全文

GridView控件 GridView是ASP.NET 1.x的DataGrid控件的后继者。它提供了相同的基本功能集，同时增加了大量扩展和改进。如前所述，DataGrid(ASP.NET 2.0仍然完全支持)是一个功能非常强大的通用控件。然而，它有一个重大缺陷：它要求我们编写大量定制代码，甚至处理比较简单而常见的操作，诸如分页、排序、编辑或删除数据等也不例外。GridView控件旨在解决此限制，并以尽可能少的数阅读详情

程序猿GG

.NET社区 62,274 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

程序猿GG 2011-03-31

打赏
举报

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

用脚本控制吧..

热心男孩 2011-03-25

打赏
举报

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

operatezhang 2010-03-12

打赏
举报

好想没有遇到过啊!!!

operatezhang 2010-03-12

打赏
举报

好想没有遇到过啊!!!

Im_Sorry 2010-03-12

打赏
举报

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

mail_ylei 2010-03-12

打赏
举报

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

程序猿GG 2010-03-12

打赏
举报

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

wuyq11 2010-03-11

打赏
举报

<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();
}

wuyq11 2010-03-11

打赏
举报

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;
}

koukoujiayi 2010-03-11

打赏
举报

在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'");
}
}

mngzilin 2010-03-11

打赏
举报

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

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

zhujiazhi 2010-03-11

打赏
举报

1、添加onmouse事件的

✦双11狂欢大促✦

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

相关推荐

双11狂欢大促