Jquery .append() & Html.Helper

Question

Is there any way to put html.helper inside a .append() function.

success: function (html) { $("#Resultaatsgebied").append(' <li>@Html.TextBoxFor(item => Model.RG1)<ul id="Concretisering" class="subList"><li>@Html.TextBoxFor(item => Model.RG1sub1)</li></ul>@Html.ActionLink("+", "index", null, new { id = "addConcretisering" })</li>'); }

This works, but just as a string, not as a control

EDIT:

This works now, but the actionlink who is generated does not. I have the same actionlink default in my view, and there it works. But for the generated one, I think he just does not execute the ajax call?

it is bceause this is executed in the client side, not in the server — Arun P Johny
– Arun P Johny, Commented Apr 18, 2013 at 7:07
I don't know about asp.net, but i think it has a fragment concept where you can create a html fragment and return it to client — Arun P Johny
– Arun P Johny, Commented Apr 18, 2013 at 7:16

Samuel Caillerie · Accepted Answer · 2013-04-18 08:02:48Z

1

If your code is in a razor view, you can put into brackets your razor code like this :

success: function (html) { 
    $("#Resultaatsgebied").append(' <li>@(Html.TextBoxFor(item => Model.RG1))<ul id="Concretisering" class="subList"><li>@(Html.TextBoxFor(item => Model.RG1sub1))</li></ul>@(Html.ActionLink("+", "index", null, new { id = "addConcretisering" }))</li>'); 
}

answered Apr 18, 2013 at 8:02

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

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

2 Comments

Collateral.dmg Over a year ago

did this work for anyone?? doesn't work for me on MVC 5 razor (cshtml)

Jas Over a year ago

I tried it with MVC 5 and does not seems to be working.

The Lazy Log · Accepted Answer · 2013-04-18 07:10:25Z

0

I think you can not do that in pure Javascript. Why don't you set the returned data from AJAX as HTML and you can set it for any div you want. For example in your case:

$("#Resultaatsgebied").html(html);

answered Apr 18, 2013 at 7:10

The Lazy Log

3,5742 gold badges23 silver badges30 bronze badges

Comments

Jai · Accepted Answer · 2013-04-18 07:30:06Z

0

May be a better concatenation like this (not sure but you can try):

success: function (html) { 
    $("#Resultaatsgebied").append(
          '<li>' + @Html.TextBoxFor(item => Model.RG1) + 
          '<ul id="Concretisering" class="subList"><li>' + 
             @Html.TextBoxFor(item => Model.RG1sub1) + 
          '</li></ul>' + 
             @Html.ActionLink("+", "index", null, new { id = "addConcretisering" }) + 
          '</li>'); 
}

answered Apr 18, 2013 at 7:30

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Kalana · Accepted Answer · 2021-10-25 13:45:01Z

0

In MVC 5 razor or newest versions, This quota --> ' not working anymore. Therefore, use ( ` ) mark to do your work

success: function (html) {     
   $("#Resultaatsgebied").append(` 
      <li>@Html.TextBoxFor(item => Model.RG1)    
           <ul id="Concretisering" class="subList">     
                <li>@Html.TextBoxFor(item => Model.RG1sub1)</li>   
           </ul>      
           @Html.ActionLink("+", "index", null, new { id = "addConcretisering" })    
      </li>
  `);    
}

answered Oct 25, 2021 at 13:45

Kalana

4,4957 gold badges37 silver badges63 bronze badges

Collectives™ on Stack Overflow

Jquery .append() & Html.Helper

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related