具有模式弹出式扩展程序的按钮的服务器端事件

我有一个按钮，我正在调用显示面板的模式弹出式扩展程序。下面是代码：具有模式弹出式扩展程序的按钮的服务器端事件

<asp:Button ID="btnOne" runat="server" Text="View " 
           onclick=" btnOne_Click" /> 


<asp:Panel ID="test" CssClass="ModalWindow" Width="100%" ScrollBars="Both" runat="server"> 
      <table id="tblgv" width="100%"> 
      <tr> 
       <td> 
        <asp:GridView ID="gvTwo" runat="server"> 
        </asp:GridView> 
       </td> 
      </tr> 
      <tr> 
       <td> 
       <asp:Button ID="btnPopUpCancel" runat="server" Text="Close" /> 
       </td> 
      </tr> 
      </table> 
     </asp:Panel> 

<asp:ModalPopupExtender ID="ModalPopupExtender1" OkControlID="btnPopUpCancel" 
    TargetControlID=" btnOne " PopupControlID="test" runat="server"> 
</asp:ModalPopupExtender>

在面板中，我有一个gridview。我希望当我点击按钮时，gridview将被加载。但是这并没有发生，当我点击按钮时，它不会去服务器端。

帮助我如何解决它。

来源

2011-02-23 Chris

有什么建议吗？ – Chris 2011-02-23 15:11:42

你的问题是ModalPopup显示客户端。

如果你要做什么（绑定gridview），你需要触发一个回发到服务器。

添加一个虚拟的目标为ModalPopup

< ASP：按钮RUNAT = “服务器” ID = “HiddenTargetControlForModalPopup” 风格= “显示：无”/>
组的TargetControlID =” HiddenTargetControlForModalPopup“
在btnOne_Click事件中调用ModalPopupExtender1.show（）。

btnOne现在将触发一个serverside事件。您还应该将Gridview放在更新面板中，并将btnOne设置为asyncpostback触发器。

希望这会有所帮助。

来源

2011-03-04 20:34:37 DavRob60

我按照你的说法试过，但没有显示modalpop。 – joshua 2012-02-07 10:38:22

它可能会引发一些错误。你是否尝试添加断点？ – DavRob60 2012-02-07 13:55:41

yeah.no错误即将到来。我试着用萤火虫也。同样的 – joshua 2012-02-08 04:40:56

您可以根据需要使用异步回发触发器或PostBackTrigger。 Id想要这个网格视图在更新面板中，您需要使用异步PostBack触发器。，如果你想要在按钮点击时重新加载该页面，则需要回发触发器并确保控制按钮位于该更新面板内。这里是一个例子

<asp:UpdatePanel ID="UPDTree" runat="server"> 
      <ContentTemplate> 

       <asp:LinkButton ID="lnkfaketree" runat="server"></asp:LinkButton> 
       <asp:ModalPopupExtender ID="mpeTree" runat="server" BackgroundCssClass="modalBackground recharge" CancelControlID="btntreeclose" PopupControlID="paneltree" TargetControlID="lnkfaketree"></asp:ModalPopupExtender> 
     <asp:Panel ID="paneltree" runat="server" Style="display: none"> 
      <div class="btn-group pull-right"> 
      </div> 
      <div class="box box-primary"> 
       <div class="box-header with-border" style="padding: 3px; background-color: #14181a; font-weight: bolder"> 
        <h3 class="box-title" style="color: white">Tree View</h3> 
        <div class="btn-group pull-right"> 
         <asp:LinkButton ID="btntreeclose" runat="server" CssClass="fa fa-close" OnClick="btntreeclose_Click"></asp:LinkButton> 
        </div> 
       </div> 

       <div class="form-horizontal"> 
        <div class="box-body"> 
         <div id="chart_div" style="width: 1000px; height: 500px; overflow: auto"> 
         </div> 
         <asp:Button id="BtnNext" runat="server" OnClick="selectHandler()" /> 
<asp:Button id="btn_Submit" runat="server" OnClick="selectHandler2()" /> 
        </div> 
       </div> 
      </div> 
     </asp:Panel> 
      </ContentTemplate><Triggers> 
       <asp:AsyncPostBackTrigger ControlID="BtnNext" EventName="Click" /> 
       <asp:PostBackTrigger ControlID="btn_Submit" /> 
      </Triggers> 
     </asp:UpdatePanel>

来源

2017-08-31 12:34:48

具有模式弹出式扩展程序的按钮的服务器端事件

回答

相关问题