gridview中cell的选择和编辑

最新推荐文章于 2022-05-13 19:55:57 发布

转载最新推荐文章于 2022-05-13 19:55:57 发布 · 356 阅读

文章标签：

本文介绍如何在ASP.NET中使用GridView控件，并通过JavaScript实现单元格点击事件。具体方法是在aspx页面中定义一个JavaScript函数cellClicked，用于接收行和列的参数并在点击时触发。同时，在aspx.cs文件中设置GridView的RowDataBound事件，为每个单元格添加onclick属性，调用定义好的JavaScript函数。

aspx中定义一个js函数:
<script type="text/javascript">
        function cellClicked(row, column){
myForm.inhAction.value = "CELLCLICKED";
myForm.inhRow.value = row;
myForm.inhColumn.value = column;
myForm.submit();
// alert(row);
}
    </script>
其中aspx中form名称为"myForm".
添加三个隐藏域:   <input runat="server" type="hidden" id="inhAction" />
        <input runat="server" type="hidden" id="inhRow" />
        <input runat="server" type="hidden" id="inhColumn" />

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)// && (e.Row.RowState == DataControlRowState.Alternate || e.Row.RowState == DataControlRowState.Normal))
        {
            for (int i = 0; i < GridView1.Columns.Count; i++)
            {
                e.Row.Cells[i].Attributes["onclick"] = String.Format("cellClicked({0},{1})", e.Row.RowIndex, i);
            }
        }
    }
在aspx.cs代码中定义gridview的rowDataBound事件:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            for (int i = 0; i < GridView1.Columns.Count; i++)
            {
                e.Row.Cells[i].Attributes["onclick"] = String.Format("cellClicked({0},{1})", e.Row.RowIndex, i);
            }
        }
    }
当点击cell时,即执行定义的js函数, 并传入相关的行和列值.