9

我有 GridView ,我可以选择一行。然后,我在网格上方有一个名为 Edit 的按钮,用户可以单击该按钮弹出一个窗口并编辑选定的行。所以按钮后面会有Javascript代码

function editRecord()
{
  var gridView = document.getElementById("<%= GridView.ClientID %>");
  var id = // somehow get the id here ???
  window.open("edit.aspx?id=" + id);
}

问题是如何在 javascript 中检索选定的记录 ID?

4

4 回答 4

10

我根据 JasonS 的回应解决了这个问题。我所做的是在网格视图中创建一个隐藏字段,如下所示:

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

然后在 OnRowDataBind 上有代码来设置选定的行

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

然后在Javascript中我有这样的代码

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

工作一种享受:-)

于 2008-10-23T05:22:53.583 回答
1

1)更改您的javascript函数以使用参数

function editRecord(clientId)
{ ....

2)在你的editRecord按钮中输出调用......如果你想避免处理.net生成的ID,只需使用一个简单的

<input type="button" onclick="editRecord(your-rows-client-id-goes-here)" />
于 2008-10-23T04:33:55.430 回答
1

根据您对@DaveK 响应的评论,在 javascript 中,您可以在用户选择隐藏字段时将隐藏字段的 id 设置为所选行的 clientId。然后让您的 editRecord 函数使用在隐藏表单字段上设置的值。

于 2008-10-23T04:41:18.160 回答
0

通过为每一行设置预先填充有查询字符串的锚标记,可以完全避免使用 javascript(尽管这会影响您的表格布局,但它只需要单击一次而不是用户单击 2 次)

在gridview模板中插入:

<asp:HyperLink runat="server" ID="editLink" Target="_blank"
   NavigateURL='<%# Eval("JobID","edit.aspx?id={0}") %>'> 
     Edit..
</asp:HyperLink>
于 2012-01-18T03:12:30.020 回答