Question

我在ASP.NET中有一个弹出窗口

在这个弹出窗口中，我有两个div。

在Div中正在加载子页面。
在div 2中，从同一页面加载网格视图。

在div One中我有一个保存按钮，我需要从父页面代码更新div二中的gridview以供参考：

对于div one：

<div>
<input type="button" id="btnSave" value="Save" onclick="someevent" class="btn btn-primary btn-sm" />
</div>

对于div二：

<div class="modal fade" id="transactionFieldMapping" tabindex="-1"
                role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width: 100%; height: 100%;">
                <div class="modal-dialog" style="width: 68%; height: 75%;">
                    <div class="modal-content"
                        style="width: 60%; height: 95%;">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="H1">
                                <asp:Label runat="server" ID="Label2" Text="">Data Dependency Mapping AT TestCase level</asp:Label></h4>
                        </div>
                        <div class="modal-body" style="width: 98%; height: 90%;">
                            <table width="100%" border="0">                               
                            </table>
                            <iframe width="100%" height="100%" id="IframetransactionFieldMapping" frameborder="0" runat="server">
                            </iframe>
                        </div>
                    </div>
                </div>
            </div>

Div ONE代码将加载到Div TWO中可用的I帧中

现在点击DIV ONE中的保存，我需要在同一个弹出框中更新div 2中的网格视图。

简单地说，我只想从子页面中回传，该子页面正在模型中的I帧中加载，但保持模态打开。

Answer 1

您可以使用Jquery方法。

单击div1保存按钮时，将调用一个jquery方法，其负责将div1的值带到控制器或服务器。并返回您需要在div2中显示的值。方法成功返回后，您可以使用从控制器获取的数据来更新div2。

通过这种方式，您可以在不关闭模式的情况下更新div2。

Answer 2

Ajax Control Toolkit非常适合您所追求的目标。

https://www.devexpress.com/Products/AJAX-Control-Toolkit

就你所追求的是ModalPopupExtender工具而言。

花点时间了解它们的工作原理以及如何使用它们。这些工具上有大量的视频和论坛帖子，这就是我学会如何使用它们的方式。

以下是您特别关注的内容的提示 - asp：UpdatePanel

祝你好运！

重新加载asp.net

2 个答案: