在ASP.NET中引导弹出窗口模式中加载和保存数据

我正在使用母版页作为我的Web应用程序有一个内容页面，我们可以称之为银行数据有一个GridView显示所有银行并且具有编辑，添加，删除按钮我的魔杖显示与输入数据的引导模式进行修改或添加新的银行，并使用ASP的RequiredFieldValidator在ASP.NET中引导弹出窗口模式中加载和保存数据

这是验证ASPX代码

       <Columns> 
            <asp:BoundField DataField="bankCode" HeaderText="Bank Code" /> 
            <asp:BoundField DataField="bankName" HeaderText="Bank Name" /> 

            <asp:TemplateField > 
             <ItemTemplate > 
              <asp:LinkButton ID="lb_Edit" runat="server" CssClass="btn btn-sm btn-default" data-toggle="modal" data-target="#AddBankModal" CommandName="BankEdit" CommandArgument='<%#Eval("bankCode") %>' OnClick="lb_Edit_Click"><strong>Edit</strong></asp:LinkButton> 
              <asp:LinkButton ID="LB_Delete" runat="server" CssClass="btn btn-sm btn-danger" CommandName="BankDelete" CommandArgument='<%#Eval("bankCode") %>'><strong>Delete</strong></asp:LinkButton> 

             </ItemTemplate> 
            </asp:TemplateField> 
           </Columns> 
            <RowStyle Height="15px" HorizontalAlign="Right" VerticalAlign="Middle" /> 

           </asp:GridView> 
           <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnStringDb1 %>" SelectCommand="SELECT [bankCode], [bankNameAr], [bankNameEng] FROM [Bank]"></asp:SqlDataSource> 

        <!-- Modal --> 
        <div id="AddBankModal" class="modal fade" role="dialog"> 
          <div class="modal-dialog"> 

          <!-- Modal content--> 
          <div class="modal-content" > 
           <div class="modal-header"> 
           <button type="button" class="close" data-dismiss="modal">&times;</button> 
           <h4 class="modal-title" style="text-align:right">Bank Data </h4> 
           </div> 
           <div class="modal-body"> 


           <asp:Label ID="lblBankCode" runat="server" Text="Bank Code" CssClass="label" style="text-align:right;font-weight:bold"></asp:Label> 
           <asp:TextBox ID="txtBankCode" runat="server" CssClass="form-control"></asp:TextBox> 

           <asp:Label ID="lblBankNameAr" runat="server" Text="Bank Name" CssClass="label" style="text-align:right;font-weight:bold"></asp:Label> 
           <asp:TextBox ID="txtBankNameAr" runat="server" CssClass="form-control"></asp:TextBox> 


           <div class="row" > 
            <div class="col-lg-12"> 

             <asp:Button ID="btnUpdateBank" runat="server" Text="Save Data" CssClass="btn btn-outline btn-primary" style="width:100px" OnClick="btnUpdateBank_Click" /> 
             <button type="button" class="btn btn-outline btn-primary" data-dismiss="modal" style="width:100px">Close</button> 
            </div> 
           </div> 



          </div> 

           </div> 
           </div> 
         </div>

没有任何一个有任何想法在没有usi的情况下使用ASP代码来做这件事NG jQuery的

来源

2016-09-19 Samir Alghazaly

可能是你需要一个像this.Remember两件事情有些事情

1.Dont忘记添加ClientIDMode="Static"到asp.net控制

2.Postback由e.preventDefault()防止jQuery的添加功能性点击事件

<asp:GridView ID="GridView1" runat="server" ClientIDMode="Static"> 
     <Columns> 
      <asp:TemplateField > 
             <ItemTemplate > 
              <asp:LinkButton ID="lb_Edit" runat="server" CssClass="btn btn-sm btn-default" data-toggle="modal" data-target="#AddBankModal" ClientIDMode="Static"><strong>Edit</strong> 
              </asp:LinkButton> 
             </ItemTemplate> 
            </asp:TemplateField> 
     </Columns> 
    </asp:GridView> 
    <div id="AddBankModal" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 
      <!-- Modal content--> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal"> 
         &times;</button> 
        <h4 class="modal-title" style="text-align: right"> 
         Bank Data 
        </h4> 
       </div> 
       <div class="modal-body"> 
        <asp:Label ID="lblBankCode" runat="server" Text="Bank Code" CssClass="label" Style="text-align: right; 
         font-weight: bold"></asp:Label> 
        <asp:TextBox ID="txtBankCode" runat="server" CssClass="form-control"></asp:TextBox> 
        <asp:Label ID="lblBankNameAr" runat="server" Text="Bank Name" CssClass="label" Style="text-align: right; 
         font-weight: bold"></asp:Label> 
        <asp:TextBox ID="txtBankNameAr" runat="server" CssClass="form-control"></asp:TextBox> 
        <div class="row"> 
         <div class="col-lg-12"> 
          <asp:Button ID="btnUpdateBank" runat="server" Text="Save Data" ClientIDMode="Static" CssClass="btn btn-outline btn-primary" 
           Style="width: 100px" /> 
          <button type="button" class="btn btn-outline btn-primary" data-dismiss="modal" style="width: 100px"> 
           Close</button> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    <script> 
     $(function() { 
      $('.btn').on('click', function (e) { 
       e.preventDefault(); 

       var buttonid = $(this).attr('id'); 
       console.log(buttonid); 
       if (buttonid == "lb_Edit") { 
        $('#AddBankModal').modal({ 
         show: true, 
         backdrop: 'static' 
        }); 
       } 
       if (buttonid == "btnUpdateBank") { 
        // 
        alert('Do some ajax to send data to Backend'); 
       } 
       //currentRow.remove(); 

      }); 
     }) 
    </script>

来源

2016-09-20 08:53:25

在ASP.NET中引导弹出窗口模式中加载和保存数据

回答

相关问题