部分视图数据更新时如何更新父数据？答案

【问题标题】：How to update the parent data when partial view data get updated?部分视图数据更新时如何更新父数据？
【发布时间】：2014-02-03 12:04:47
【问题描述】：

我正在开发 ASP.NET MVC 应用程序。

我有一个视图，它有一个局部视图。

我有报价单，该表格包含产品列表。我已经使用局部视图显示了产品列表。

正如您在图片中看到的，我确实有一个产品列表，用户可以从列表中选择产品，其数量、价格和总计将显示在该列表中。

现在，我的问题是每当用户更改/添加产品、数量和价格时，我都无法在父视图中获取更新的数据。

如图所示，虽然我添加了很多产品，部分视图中的文本框显示正确的数字，但父视图上的文本框我想再次显示总图，显示旧值....

我怎样才能完成这件事？

我已经在 View 的 Jscript 标记中尝试了以下代码，但没有工作.... （txtGrandTotal 是局部视图的文本框名称）

jQuery('#txtGrandTotal').on('input', function () {
    alert("Changed");
 })


    $('#txtGrandTotal').change(function () {
        alert("Changed");
    });


    $('#txtGrandTotal').bind('input', function () {
        alert("Changed");
    });

【问题讨论】：

您应该使用客户端逻辑，例如 JavaScript。
如果你能简单解释一下就好了，我试过改变，绑定，jquery的输入事件，但没有工作....
如果您已经尝试过，请发布代码。这会更容易。
请检查更新的问题...
txtGrandTotal 是您父视图或部分视图中的输入吗？

标签： jquery asp.net-mvc asp.net-mvc-4 asp.net-mvc-partialview

【解决方案1】：

假设部分视图中的总输入具有 id txtGrandTotal，而父视图中的总输入具有 id txtParentGrandTotal，您可以使用以下内容：

$('#txtGrandTotal').change(function() {
     $('#txtParentGrandTotal').val($(this).val());
});

请注意，您需要在局部视图中对document ready 执行此代码，以便jQuery select ($('#txtGrandTotal')) 正确返回您的目标元素。

【讨论】：