Passing data from partial view to parent view

Question

I am trying to pass a value from partial view to parent view. I tried the below which didn't worked for me. Can some one help me out how can I achieve this? By using the value that partial view returned, I am trying to hide a button which is in the parent view.

Parent View:

    <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();
            }
        });

Partial View:

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

What is it that is supposed to be returned? And what do you want to do. — CodingYoshi
– CodingYoshi, Commented Jul 4, 2019 at 1:38
Also you have 2 elements with id of ProductCount: div and input. Thus when you select jQuery("#ProductCount") it will select both. This is probably the issue. — CodingYoshi
– CodingYoshi, Commented Jul 4, 2019 at 2:32

Hien Nguyen · Accepted Answer · 2019-07-04 01:47:45Z

0

You can implement change event for hidden input field like this

$('#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>

answered Jul 4, 2019 at 1:47

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing data from partial view to parent view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related