Asp.net 从gridview编辑链接按钮填充引导模式

我有一个包含成员资格提供者角色的gridview。

带有用于编辑的链接按钮和用于删除的链接按钮

我想在模式中填充一个文本框，以保存角色名称，如图所示。

我成功地填充了模式并绑定了网格以及所有这些，但是，如何用行的角色名称绑定模式中的

txtRoleName

？如果可能，最好不回发，如果不回发，最好回发

以下是网格的代码：

  <asp:GridView ID="grdRoles"
            CssClass="table table-bordered responsive"
            runat="server"
            GridLines="None"
            CellSpacing="-1" 
            AutoGenerateColumns="False"
            OnPageIndexChanging="grdRoles_PageIndexChanging"
            OnRowDataBound="grdRoles_RowDataBound"
            ShowFooter="True" ShowHeaderWhenEmpty="True" EmptyDataText="Empty !">
            <Columns>
                <asp:TemplateField HeaderText="#">
                    <ItemTemplate>
                        <asp:Label ID="lblRank" runat="server" Text='<%# Container.DataItem %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField HeaderText="Roles">
                    <ItemTemplate>
                        <asp:Label ID="lblRoleName" runat="server" Text='<%# Container.DataItem %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField HeaderText="Action">
                    <ItemTemplate>
                    <asp:LinkButton  ID="btnEdit" data-toggle="modal"  href="#EditModal" runat="server" CssClass="btn  icon-edit" />
                    <asp:LinkButton  ID="btnRemove" runat="server" CssClass="btn btn-danger remove"  Text="<i class=icon-remove></i>" />

                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>

        </asp:GridView>

这是模态的代码：

 <div id="EditModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Edit"
         aria-hidden="true">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="helpModalLabel"><i class="icon-external-link"></i> Edit Role</h3>
   </div>
   <div class="modal-body">
     <div class="control-group">
       <div class="controls">
         <div class="input-prepend">
           <span class="add-on">Role Name</span>
           <asp:TextBox ID="txtRoleName" Text='<%# Bind("RoleId") %>' runat="server"></asp:TextBox>
         </div>
       </div>
       <div class="form-actions">
         <asp:Button ID="btnSave" type="submit" class="btn btn-primary" runat="server" Text="Save" />
       </div>
     </div>
   </div>
   <div class="modal-footer">
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   </div>
 </div>

<a id="edit" href="#dlgName" data-toggle="modal" role="button" 
   data-id="<%# DataBinder.Eval (Container.DataItem, "Id") %>" 
   data-IsPrimary ="<%# DataBinder.Eval(Container.DataItem, "IsPrimary") %>" >Edit</a>

×
编辑角色
角色名
接近

我正在使用数据属性将数据发送到模式：

 <div id="EditModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Edit"
         aria-hidden="true">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="helpModalLabel"><i class="icon-external-link"></i> Edit Role</h3>
   </div>
   <div class="modal-body">
     <div class="control-group">
       <div class="controls">
         <div class="input-prepend">
           <span class="add-on">Role Name</span>
           <asp:TextBox ID="txtRoleName" Text='<%# Bind("RoleId") %>' runat="server"></asp:TextBox>
         </div>
       </div>
       <div class="form-actions">
         <asp:Button ID="btnSave" type="submit" class="btn btn-primary" runat="server" Text="Save" />
       </div>
     </div>
   </div>
   <div class="modal-footer">
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   </div>
 </div>

<a id="edit" href="#dlgName" data-toggle="modal" role="button" 
   data-id="<%# DataBinder.Eval (Container.DataItem, "Id") %>" 
   data-IsPrimary ="<%# DataBinder.Eval(Container.DataItem, "IsPrimary") %>" >Edit</a>

---

我正在使用数据属性将数据发送到模式：

 <div id="EditModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="Edit"
         aria-hidden="true">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h3 id="helpModalLabel"><i class="icon-external-link"></i> Edit Role</h3>
   </div>
   <div class="modal-body">
     <div class="control-group">
       <div class="controls">
         <div class="input-prepend">
           <span class="add-on">Role Name</span>
           <asp:TextBox ID="txtRoleName" Text='<%# Bind("RoleId") %>' runat="server"></asp:TextBox>
         </div>
       </div>
       <div class="form-actions">
         <asp:Button ID="btnSave" type="submit" class="btn btn-primary" runat="server" Text="Save" />
       </div>
     </div>
   </div>
   <div class="modal-footer">
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   </div>
 </div>

<a id="edit" href="#dlgName" data-toggle="modal" role="button" 
   data-id="<%# DataBinder.Eval (Container.DataItem, "Id") %>" 
   data-IsPrimary ="<%# DataBinder.Eval(Container.DataItem, "IsPrimary") %>" >Edit</a>

---

这是一个很好的答案，但我需要补充一点：当您使用“data xxxyy”时，在jquery中，您需要使用所有小写字母检索数据：var Id=$（'#edit'）。data（'xxxyy'）；JQuery在呈现时将其转换为小写形式这是一个很好的答案，但我需要补充一点：当您使用“data xxxyy”时，在JQuery中，您需要使用所有小写形式检索数据：var Id=$（'#edit'）。data（'XxxYyy'）；JQuery在渲染时将其转换为小写