网格行选择单击行中的任意位置。多数民众赞成选择行。怎么样? [英] Grid Row Selection Click anywhere in row . Thats Select the Row. How?
本文介绍了网格行选择单击行中的任意位置。多数民众赞成选择行。怎么样?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
亲爱的,
请帮助我,
In asp.net Gridview我在特定行被选择的任何地方选择网格行。我需要C#代码
问候
M.Mani
解决方案
标记:
< html xmlns = http://www.w3.org/1999/xhtml > ;
< head id = Head1 runat = server >
< 标题跨度> > 选择GridView行< / title >
< style type = text / css >
body,html
{
font-家庭:Tahoma;
font-size:small;
}
.Normal
{
background-color:#EFF3FB;
cursor:hand;
}
.Normal:Hover,.Alternate:Hover
{
background-color:#D1DDF1;
cursor:hand;
}
.Alternate
{
background-color:White;
cursor:hand;
}
< / style >
< / head >
< body >
< 表格 id = form1 runat = server >
< asp:GridView runat = server ID = GridView1 < span class =code-attribute> DataKeyNames = ID AutoGenerateColumns = False
< span class =code-attribute> CellPadding= 4 字体名称 = Tahoma 字体大小 = 小 ForeColor = #333333 GridLines = 无
OnSelectedIndexChanged = GridView1_SelectedIndexChanged OnRowDataBound = GridView1_RowDataBound >
< 列 >
< asp:TemplateField HeaderText = 行 >
< ItemTemplate >
<% #Container.DataItemIndex + 1 %>
< / ItemTemplate >
< / asp: TemplateField >
< asp:BoundField DataField = FirstName HeaderText = 名字 / >
< asp:BoundField DataField = LastName HeaderText = 姓氏 / >
< < span class =code-leadattribute> asp:CommandField ShowSelectButton = true ButtonType = 链接 可见 = false SelectText = 注册 < span class =code-keyword> / >
< /列 >
< HeaderStyle BackColor = #507CD1 字体粗体 = 真 ForeColor = 白色 / >
< SelectedRowStyle BackColor = #D1DDF1 字体粗体 = True ForeColor = #333333 / >
< / asp:GridView >
< span class =code-keyword>< br / >
< asp:Label 文本 = ID = lblSelectedRow runat = server / >
< / form >
< / body >
< / html >
Code Behind:
protected void Page_Load( object sender,EventArgs e)
{
if (!IsPostBack)
{
GridView1.DataSource = Enumerable.Range( 1 , 10 )。选择(a = > new
{
ID = a,
FirstName = String .Format( 名字{0},a),
LastName = 字符串 .Format( 姓氏{0} ,a)
});
GridView1.DataBind();
}
}
受保护 void GridView1_SelectedIndexChanged( object sender,EventArgs e)
{
lblSelectedRow.Text = String .Format( 您选择了行{0} {1} {2},
GridView1.SelectedIndex + < span class =code-digit> 1 ,
GridView1.SelectedRow.Cells [ 0 ]。文本,
GridView1。 SelectedRow.Cells [ 1 ]。Text);
}
protected void GridView1_RowDataBound( object sender,GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
// 基于rowState将CSS添加到GridViewrow
e.Row .CssClass = e.Row.RowState.ToString();
// 添加onclick属性以选择行。
e.Row.Attributes .Add( onclick, String .Format( javascript:__ doPostBack('GridView1','选择
{ 0}'),e.Row.RowIndex));
}
}
<大> 大>
Dear,
Please Help me,
In asp.net Gridview I select the grid row in anywhere the particular row get to be select. I need the C# Code
Regards
M.Mani
解决方案
Mark Up:
<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Selecting GridView Row</title> <style type="text/css"> body, html { font-family: Tahoma; font-size: small; } .Normal { background-color: #EFF3FB; cursor: hand; } .Normal:Hover, .Alternate:Hover { background-color: #D1DDF1; cursor: hand; } .Alternate { background-color: White; cursor: hand; } </style> </head> <body> <form id="form1" runat="server"> <asp:GridView runat="server" ID="GridView1" DataKeyNames="ID" AutoGenerateColumns="False" CellPadding="4" Font-Names="Tahoma" Font-Size="Small" ForeColor="#333333" GridLines="None" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" OnRowDataBound="GridView1_RowDataBound"> <Columns> <asp:TemplateField HeaderText="Row"> <ItemTemplate> <%# Container.DataItemIndex+1 %> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="FirstName" HeaderText="First Name" /> <asp:BoundField DataField="LastName" HeaderText="Last Name" /> <asp:CommandField ShowSelectButton="true" ButtonType="Link" Visible="false" SelectText="Enroll" /> </Columns> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> </asp:GridView> <br /> <asp:Label Text="" ID="lblSelectedRow" runat="server" /> </form> </body> </html>
Code Behind:
protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GridView1.DataSource = Enumerable.Range(1, 10).Select(a => new { ID = a, FirstName = String.Format("First Name {0}", a), LastName = String.Format("Last Name {0}", a) }); GridView1.DataBind(); } } protected void GridView1_SelectedIndexChanged(object sender, EventArgs e) { lblSelectedRow.Text = String.Format("You selected row {0} with {1} {2}", GridView1.SelectedIndex + 1, GridView1.SelectedRow.Cells[0].Text, GridView1.SelectedRow.Cells[1].Text); } protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { //add css to GridViewrow based on rowState e.Row.CssClass = e.Row.RowState.ToString(); //Add onclick attribute to select row. e.Row.Attributes.Add("onclick", String.Format("javascript:__doPostBack('GridView1','Select
{0}')", e.Row.RowIndex)); } }
这篇关于网格行选择单击行中的任意位置。多数民众赞成选择行。怎么样?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文