【ASP.NET】3.为GridView每行添加js点击事件
2017-12-15 17:18
399 查看
CADD.aspx页面:
首先GridView要定义OnRowDataBound="方法名"
<%-- 3.2 结果清单 --%>
<asp:GridView id="gvData" runat="server" AutoGenerateColumns="false" OnRowDataBound="gvData_RowDataBound" OnRowCommand="gvData_RowCommand" CellPadding="20" CellSpacing="20"
CssClass="gvPaMn01" HeaderStyle-CssClass="gvPaHd01" RowStyle-CssClass="gvPaIt01" AlternatingRowStyle-CssClass="gvPaIt02" PageSize="2">
<AlternatingRowStyle CssClass="gvPaIt02" />
<Columns>
<asp:TemplateField HeaderText="订单号码" SortExpression="ORID"><ItemTemplate><asp:Label ID="lbgORID" runat="server" Text='<%# Bind("ORID") %>'/></ItemTemplate></asp:TemplateField>
</Columns>
<HeaderStyle CssClass="gvPaHd01" />
<RowStyle CssClass="gvPaIt01" />
</asp:GridView>与CADD.aspx对应的CADD.aspx.cs文件:
#region 3.3 表格绑定事件
/// <summary>
/// 3.3 表格绑定事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void gvData_RowDataBound(object sender, GridViewRowEventArgs e)
{
try{
if (e.Row.RowType == DataControlRowType.DataRow)
{
#region 设置鼠标滑过的颜色
//当鼠标放上去的时候,设置新的颜色
e.Row.Attributes.Add("onmouseover", "style.color='red'; ");
//当鼠标离开的时候,恢复颜色
e.Row.Attributes.Add("onmouseout", "style.color='#000000';");
#endregion //设置鼠标滑过的颜色
e.Row.Attributes["style"] = "Cursor:hand";
int row_index = e.Row.RowIndex + 1;
e.Row.Attributes.Add("onclick", "ClickEvent('" + row_index + "')");
}
}
catch (Exception ex)
{
throw ex;
}
}
#endregion //3.3 表格绑定事件CADD.aspx页面里面对应的js如下:
function ClickEvent(row_index) {
var grid_view = document.getElementById('<%=gvData.ClientID %>');
var rows = grid_view.rows;
var CKDM = rows[row_index].cells[0].innerText;//取第一列的值
}
首先GridView要定义OnRowDataBound="方法名"
<%-- 3.2 结果清单 --%>
<asp:GridView id="gvData" runat="server" AutoGenerateColumns="false" OnRowDataBound="gvData_RowDataBound" OnRowCommand="gvData_RowCommand" CellPadding="20" CellSpacing="20"
CssClass="gvPaMn01" HeaderStyle-CssClass="gvPaHd01" RowStyle-CssClass="gvPaIt01" AlternatingRowStyle-CssClass="gvPaIt02" PageSize="2">
<AlternatingRowStyle CssClass="gvPaIt02" />
<Columns>
<asp:TemplateField HeaderText="订单号码" SortExpression="ORID"><ItemTemplate><asp:Label ID="lbgORID" runat="server" Text='<%# Bind("ORID") %>'/></ItemTemplate></asp:TemplateField>
</Columns>
<HeaderStyle CssClass="gvPaHd01" />
<RowStyle CssClass="gvPaIt01" />
</asp:GridView>与CADD.aspx对应的CADD.aspx.cs文件:
#region 3.3 表格绑定事件
/// <summary>
/// 3.3 表格绑定事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void gvData_RowDataBound(object sender, GridViewRowEventArgs e)
{
try{
if (e.Row.RowType == DataControlRowType.DataRow)
{
#region 设置鼠标滑过的颜色
//当鼠标放上去的时候,设置新的颜色
e.Row.Attributes.Add("onmouseover", "style.color='red'; ");
//当鼠标离开的时候,恢复颜色
e.Row.Attributes.Add("onmouseout", "style.color='#000000';");
#endregion //设置鼠标滑过的颜色
e.Row.Attributes["style"] = "Cursor:hand";
int row_index = e.Row.RowIndex + 1;
e.Row.Attributes.Add("onclick", "ClickEvent('" + row_index + "')");
}
}
catch (Exception ex)
{
throw ex;
}
}
#endregion //3.3 表格绑定事件CADD.aspx页面里面对应的js如下:
function ClickEvent(row_index) {
var grid_view = document.getElementById('<%=gvData.ClientID %>');
var rows = grid_view.rows;
var CKDM = rows[row_index].cells[0].innerText;//取第一列的值
}
相关文章推荐
- asp.net(C#)中给控件添加客户端js事件的方法
- asp.net中dategrid添加复选框checkbox并实现单选,同时点击复选框触发事件。
- Asp.Net 中的GridView 添加行单击事件
- 为asp.net控件点击事件添加Confirm()
- asp.net:在GridView中添加一列按钮,并实现按钮事件
- ASP.NET DEMO 8 为 GridViewDataGrid 整行添加服务器事件
- asp.net 服务器控件LinkButton等在后台代码中设置js事件或添加css样式
- [转][ASP.NET]GridView点击行触发SelectedIndexChanged事件
- asp.net(C#)中给控件添加客户端js事件的方法
- asp.net中服务器控件如何添加客户端的js事件?
- asp.net 中用js模拟Button点击事件
- asp.net中GridView内部点击事件判断是第几行并获取row数据
- ASP.NET DEMO 8: 为 GridView/DataGrid 整行添加服务器事件
- ASP.NET(C#)中给控件添加客户端js事件
- ASP.NET 添加验证控件导致Button点击事件无法触发
- asp.net(C#)中给控件添加客户端js事件的方法
- ASP.NET GridView 后台绑定行点击行触发SelectedIndexChanged,页面刷新后,只有一页的情况下,事件只触发一次
- ASP.NET DEMO 8: 为 GridView/DataGrid 整行添加服务器事件
- asp.net gridview 如何实现行点击事件
- ASP.NET通过代码给TextBox添加事件(点击显示日历)