部分视图数据更新后如何更新父数据？

Question

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

我的视图有一个局部视图。

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

如图所示，我有一个产品清单，用户可以从列表中选择产品，其数量和价格以及总数将显示在该列表中。

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

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

我怎么能做到这一点？

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

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


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


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

Answer 1

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

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

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