Get GridView selected row DataKey in Javascript

最新推荐文章于 2022-12-02 16:34:33 发布

转载最新推荐文章于 2022-12-02 16:34:33 发布 · 1k 阅读

asp.net 专栏收录该内容

63 篇文章

订阅专栏

本文详细介绍了如何在ASP.NET应用程序中利用GridView组件实现交互式选择功能，包括设置隐藏字段用于存储选中项ID，通过链接按钮触发事件，并在JavaScript中处理选中行的交互操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:HiddenField ID="hdID" runat="server" Value='<%# Eval("JobID") %>' /> </ItemTemplate></asp:TemplateField><asp:TemplateField Visible="False"> <ItemTemplate> <asp:LinkButton ID="lnkSelect" runat="server" CommandName="select" Text="Select" /> </ItemTemplate></asp:TemplateField>

Then on the OnRowDataBind have code to set the selected row

protected virtual void Grid_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // Click to highlight row
        Control lnkSelect = e.Row.FindControl("lnkSelect");
        if (lnkSelect != null)
        {
            StringBuilder click = new StringBuilder();
            click.AppendLine(m_View.Page.ClientScript.GetPostBackClientHyperlink(lnkSelect, String.Empty));
            click.AppendLine(String.Format("onGridViewRowSelected('{0}')", e.Row.RowIndex));
            e.Row.Attributes.Add("onclick", click.ToString());
        }
    }            
}

And then in the Javascript I have code like this

<script type="text/javascript">

var selectedRowIndex = null;

function onGridViewRowSelected(rowIndex)
{        
    selectedRowIndex = rowIndex;
}

function editItem()
{   
    if (selectedRowIndex == null) return;

    var gridView = document.getElementById('<%= GridView1.ClientID %>');                
    var cell = gridView.rows[parseInt(selectedRowIndex)+1].cells[0];        
    var hidID = cell.childNodes[0];        
    window.open('JobTypeEdit.aspx?id=' + hidID.value);
}

</script>