顯示Bootstrap模式彈出窗口點擊Asp按鈕控件

我試圖顯示彈出窗口上點擊名爲「午餐休息」按鈕，它使用正常的引導按鈕按鈕控制時，它工作正常。顯示Bootstrap模式彈出窗口點擊Asp按鈕控件

但我想用asp：按鈕控件顯示相同的彈出窗口，但彈出窗口出現在單擊該按鈕時，它只是刷新頁面。

ASPX代碼：

<asp:Button ID="btnLunchBreak" runat="server" Text="Lunch Break" CssClass="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" /> 

    <div class="modal fade panel panel-primary" id="myModal" tabindex="-1" runat="server" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false" > 
    <div class="modal-dialog panel panel-primary "> 
     <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h2 class="modal-title" id="gridSystemModalLabel" style="color: red">Lunch Break</h2> 
     </div> 
     <div class="modal-body"> 
     <div class="container-fluid"> 
     <br /> 
     <br /> 
     <asp:UpdatePanel ID="UpdatePanel3" runat="server"> 
     <ContentTemplate> 
     <div class="row"> 
     <div class="col-md-4"></div> 
     <div class="col-md-4"> 
     <asp:Button ID="btnLunchStart" runat="server" CssClass="btn btn-success" Text="Start" OnClick="btnLunchStart_Click" /> 
     <asp:Button ID="btnLunchStop" runat="server" CssClass="btn btn-success" Text="Stop" OnClick="btnLunchStop_Click" /> 
     </div> 
     <div class="col-md-4"></div> 
    </div> 
    <div class="col-md-4"></div> 
     <div class="col-md-4"> 
      <asp:Label ID="lbl_LTimer" runat="server" CssClass="h3" ForeColor="Blue"></asp:Label><br /> 
     <asp:Label ID="lbl_Lhour" runat="server" Visible="false" CssClass="h4" ForeColor="Black" Text="Hr :"></asp:Label> 
     <asp:Label ID="lbl_LMin" runat="server" Visible="false" CssClass="h4" ForeColor="Black" Text="Min :"></asp:Label> 
     <asp:Label ID="lbl_LSec" runat="server" Visible="false" CssClass="h4" ForeColor="Black" Text="sec"></asp:Label> 
     <br /> 
    <asp:Label ID="lbl_LHr" runat="server" CssClass="h3" Font-Bold="true" Font-Size="20" ForeColor="red"></asp:Label> 
     <br /> 
     <br /> <br /><br /><br /><br /><br /> 
    <asp:Label ID="lbl_Lbrkresp" runat="server" Visible="false"></asp:Label> 
    <asp:Timer ID="Timer3" runat="server" Interval="1000000" OnTick="Timer3_Tick"> 
     </asp:Timer> 
     </div> 
     <div class="col-md-4"></div> 
    </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 
    </div> 
    </div> 
     <!-- /.modal-content --> 
      </div> 
      <!-- /.modal-dialog --> 
     </div>

我不熟悉的引導可能以錯誤的方式我做這件事。建議任何解決方案

來源

2015-05-30 Chetan Bodke

您可以嘗試將屬性UseSubmitBehavior設置爲false。因此，ASP不會呈現提交，而是一個簡單的按鈕。

希望有幫助！ =）

來源

2015-05-30 19:59:29

顯示Bootstrap模式彈出窗口點擊Asp按鈕控件

回答

相關問題