将数据从局部视图传递到父视图

时间:2019-07-04 01:16:37

标签: c# jquery .net asp.net-mvc user-interface

我试图将值从局部视图传递到父视图。我尝试了以下对我不起作用的方法。有人可以帮我实现这个目标吗?通过使用部分视图返回的值,我试图隐藏父视图中的按钮。

父视图:

    <div id="ProductCount">
    @{
        Html.RenderAction("ProductPartialView", "ProductList", new { area = "PR", ProductID = Model.ProductID, allowSelect = true});
    }

<div class="saveBtnArea">
    <input type="submit" value="Submit App" id="btn-submit" />
</div>

    jQuery(document).ready(function () {
            var ProductCount = jQuery("#ProductCount").val();

            if (ProductCount == 0) {
                jQuery("#btn-submit").hide();
            }
            else {
                jQuery("#btn-submit").show();
            }
        });

部分视图:

<fieldset>
<div>
<input type="hidden" id="ProductCount" value="5" />
</div>
</fieldset>

1 个答案:

答案 0 :(得分:1)

您可以像这样对隐藏的输入字段实施更改事件

$('#ProductCount').change(function(){
      var ProductCount = $(this).val();

      if (ProductCount == 0) {
            jQuery("#btn-submit").hide();
      }
      else {
            jQuery("#btn-submit").show();
      }
}).trigger('change');

$('#ProductCount').val(5);

$('#ProductCount').change(function(){
      var ProductCount = $(this).val();
      
      if (ProductCount == 0) {
            jQuery("#btn-submit").hide();
      }
      else {
            jQuery("#btn-submit").show();
      }
}).trigger('change');

$('#ProductCount').val(5);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='hidden' id='ProductCount' />

<button id='btn-submit'>Submit</button>