Note that there are some explanatory texts on larger screens.

plurals
  1. POhow can i use nested partial view in razor mvc view?
    primarykey
    data
    text
    <p>I have one big problem .I tried more way but i can not achieve the solution and i don't know why ?!</p> <p>I have an MVC web application that I have to create 9 view for create of one of my model. I create one view for create and in create view I used <strong><code>div</code></strong> and inside each <strong><code>div</code></strong>, I want to render one of these partial view and in each of these 9 partial views, I used 2 or 3 partial view: it means, I used nested partial view. but when I do this work by this code any java-script code of partial-views dos not work i don't know why and how can I handle it thanks in advance.</p> <p><code>VIEW(create)..&gt;partial-view(pvinputfaulty)...&gt;partial-view(invoiceitemgrid)...&gt; partial-view (partbookletpopup)</code> </p> <pre><code> &lt;div class="editor-label"&gt; invoicetype: &lt;/div&gt; &lt;div class="radio"&gt; @Html.RadioButtonForEnum(model =&gt; model.Invoice_.Invoice_Mode) &lt;/div&gt; &lt;div&gt; &lt;div class="editor-label"&gt; input type : &lt;/div&gt; &lt;div style="display: none" id="inputinvoicetype" class="radio"&gt; @Html.RadioButtonForEnum(model =&gt; model.Invoice_.InputInvoice_Type) &lt;/div&gt; &lt;div style="display: none" id="outputinvoicetype" class="radio"&gt; @Html.RadioButtonForEnum(model =&gt; model.Invoice_.OutInvoice_Type) &lt;/div&gt; &lt;/div&gt; &lt;div id="PartialViewContent"&gt; &lt;div id="divPV1"&gt;&lt;/div&gt; &lt;div id="divPV2"&gt;&lt;/div&gt; &lt;div id="divPV3"&gt;&lt;/div&gt; &lt;div id="divPV4"&gt;&lt;/div&gt; &lt;div id="divPV5"&gt;&lt;/div&gt; &lt;div id="divPV6"&gt;&lt;/div&gt; &lt;div id="divPV7"&gt;&lt;/div&gt; &lt;div id="divPV8"&gt;&lt;/div&gt; &lt;div id="divPV9"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; } $(document).ready(function () { $("input[type=radio]").change(function () { var invoicemode = $(this).val(); if (invoicemode == "Output") { $('.mainContent #divPV1').empty(); $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV7').empty(); $('.mainContent #divPV8').empty(); $('.mainContent #divPV9').empty(); $("#inputinvoicetype").hide(); $("#outputinvoicetype").show(); } }); }) $(document).ready(function () { $("#inputinvoicetype input[type=radio]").change(function () { var radio = $(this).val(); if (radio == "faulty") { $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV1').load('@Url.Action("PVInputFaulty", "Invoice")'); } else if (radio == "overplus") { $('.mainContent #divPV1').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV2').load('@Url.Action("PVInputFaulty", "Invoice")'); } else if (radio == "Reconstructed") { $('.mainContent #divPV2').empty(); $('.mainContent #divPV1').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV3').load('@Url.Action("PVInputFaulty", "Invoice")'); } else if (radio == "Bought") { $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV1').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV4').load('@Url.Action("PVInputFaulty", "Invoice")'); } else if (radio == "New_pieces") { $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV1').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV5').load('@Url.Action("PVInputFaulty", "Invoice")'); } else { $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV1').empty(); $('.mainContent #divPV6').load('@Url.Action("PVInputFaulty", "Invoice")'); } }) }) $(document).ready(function () { $("#outputinvoicetype input[type=radio]").change(function () { var radio = $(this).val(); if (radio == "Installed_in_trains") { $('.mainContent #divPV9').empty(); $('.mainContent #divPV8').empty(); $('.mainContent #divPV7').load('@Url.Action("PVInputFaulty", "Invoice")'); } else if (radio == "Useless") { $('.mainContent #divPV9').empty(); $('.mainContent #divPV7').empty(); $('.mainContent #divPV8').load('@Url.Action("PVInputFaulty", "Invoice")'); } else { $('.mainContent #divPV7').empty(); $('.mainContent #divPV8').empty(); $('.mainContent #divPV9').load('@Url.Action("PVInputFaulty", "Invoice")'); } }) }) $(document).ready(function () { $("input[type=radio]").change(function () { var invoicemode1 = $(this).val(); if (invoicemode1 == "Input") { $('.mainContent #divPV1').empty(); $('.mainContent #divPV2').empty(); $('.mainContent #divPV3').empty(); $('.mainContent #divPV4').empty(); $('.mainContent #divPV5').empty(); $('.mainContent #divPV6').empty(); $('.mainContent #divPV7').empty(); $('.mainContent #divPV8').empty(); $('.mainContent #divPV9').empty(); $("#inputinvoicetype").show(); $("#outputinvoicetype").hide(); } }); }) &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload