将行索引从GridView中的buttonField传递到模式弹出窗口

本文关键字:模式 窗口 buttonField 索引 GridView 中的 | 更新日期: 2024-10-22 21:05:06

我有一个GridView(见下文),它使用ButtonField按钮来启动模式弹出窗口。这是GridView

 <asp:GridView ID="GridView1" runat="server" OnRowCommand="GridView1_ButtonClick"  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" CssClass="mGrid" AllowPaging="True" PagerStyle-CssClass="pgr"  
    AlternatingRowStyle-CssClass="alt" OnRowEditing="GridView1_RowEditing" AutoGenerateColumns="False">
                        <AlternatingRowStyle BackColor="#F7F7F7" CssClass="alt" />
                        <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
                        <Columns>
                            <asp:BoundField HeaderText="BeaconID" ShowHeader="True" Visible="True" DataField="beaconObjectid" />
                            <asp:BoundField DataField="aliasName" HeaderText="My Beacon Name" />
                            <asp:ButtonField ButtonType="Button" CommandName="AssignName" Text="Assign Name"/>
                            <asp:BoundField HeaderText="Action Type" DataField="actionType" />
                            <asp:BoundField DataField="actionContent" HeaderText="Action Content" />
                            <asp:ButtonField ButtonType="Button" CommandName="AssignAction" Text="Assign/Change Action"/>
                        </Columns>
                        <PagerStyle CssClass="pgr" />
                    </asp:GridView>

这可以很好地打开像这样的模式窗口,使用下面显示的C#代码:

 <asp:Button ID="showModal3" runat="server" Text="Show Modal"  CssClass="hiddenButton"/>
    <asp:Panel ID="Panel3" runat="server" CssClass="modalPopup">
        <div class="header">
        Set Alias Name
    </div>
        <div class="body">
            Set a new name for your beacon
            <br />
            <br />
            <div style="float: none;">
               <asp:TextBox ID="AliasNameTextBox" runat="server" Height="21px" Width="300px"></asp:TextBox> 
            </div>
            </div><br/>
         <div class="footer" align="right">
        <asp:Button ID="setAliasOK" runat="server" Text="OK" CssClass="yes" OnClick="setAliasOK_Click" CausesValidation="False" />
        <asp:Button ID="setAliasCancel" runat="server" Text="Cancel" CssClass="no" />
    </div></asp:Panel>
    <ajaxToolkit:ModalPopupExtender ID="SetAliasNameModalPopupExtender" runat="server" CancelControlID="setAliasCancel" DropShadow="True" PopupControlID="Panel3" TargetControlID="showModal3" BackgroundCssClass="modalBackground"></ajaxToolkit:ModalPopupExtender>

在我的C#代码中,我得到了这样的按钮索引,这样我就知道点击了哪一行,这一切都很好:

   protected void GridView1_ButtonClick(object sender, GridViewCommandEventArgs e)
        {
            GridViewRow row = GridView1.Rows[Convert.ToInt32(e.CommandArgument)]; // this gets the row
            string id = row.Cells[0].Text;
            string name = row.Cells[1].Text;
            string actionText = row.Cells[3].Text;
            if (e.CommandName == "AssignName")
            {
                SetAliasNameModalPopupExtender.Show();
                AliasNameTextBox.Text = name;
            }
            if (e.CommandName == "AssignAction")
            {
                ChooseActionModalPopupExtender.Show();
            }
            Label1.Text = name;
            Label2.Text = actionText;
            Label3.Text = id;
            currentlySelectedRow = Convert.ToInt32(e.CommandArgument);
            beaconIDnumber = id;
        } 

问题是当我从模式弹出窗口中单击"确定"按钮时。我需要从调用行索引的gridview按钮字段访问行索引

protected void setAliasOK_Click(object sender, EventArgs e)
        {
           var newName = AliasNameTextBox.Text;
            ParseChangeAliasName(beaconIDnumber, newName);
            SetAliasNameModalPopupExtender.Hide();
        }

因此,我最终要问的是,如何将gridview行传递到模式窗口,以便使用来自相应行单元格的数据——在这种情况下是信标ID(gridview中的DataField="beaconObjectid")。我甚至尝试过在GridView1_ButtonClick方法中设置全局变量,然后在setAliasOK_Click方法中引用它们,但一旦模式窗口打开,它们就会被删除。理想情况下,如果可能的话,我想在不使用Javascript的情况下完成这项工作。

将行索引从GridView中的buttonField传递到模式弹出窗口

以获得的方式

GridViewRow row = GridView1.Rows[Convert.ToInt32(e.CommandArgument)];

您可以设置按钮属性:

setAliasOK.CommandName = "AliasOK" ;
setAliasOK.CommandArgument = e.CommandArgument ;

但您需要处理按钮的RowCommand事件,而不是Click事件,以获得按钮的命令参数