具有模态弹出扩展器的按钮的服务器端事件答案

【问题标题】：server side event for the button having modal pop up extender具有模态弹出扩展器的按钮的服务器端事件
【发布时间】：2011-07-02 19:52:16
【问题描述】：

我有一个按钮，我在该按钮上调用了一个显示面板的模态弹出扩展器。下面是代码：

<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。但它没有发生，当我点击按钮时它不会进入服务器端。

帮我解决一下。

【问题讨论】：

标签： asp.net modalpopupextender

【解决方案1】：

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

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

为 ModalPopup 添加一个虚拟目标
设置 TargetControlID="HiddenTargetControlForModalPopup"
在 btnOne_Click 事件中调用 ModalPopupExtender1.show()。

btnOne 现在将触发服务器端事件。您还应该将 Gridview 放在更新面板中并将 btnOne 设置为 asyncpostback 触发器。

希望这会有所帮助。

【讨论】：

它可能会抛出一些错误。您是否尝试添加断点？
是的。没有错误来了。我也尝试了萤火虫。还是一样
我想看看你的代码，但是评论区不是讨论这类问题的地方，你应该发一个新问题。
我找到了另一种方式。但问题仍然相同。为什么这种方法不起作用。因为这样做是合法的
这是一个行之有效的解决方案，我不知道你的具体情况

【解决方案2】：

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

<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>

【讨论】：