How to append partials using jquery? Razor - asp.net mvc - Jquery

Question

Say I want to create a form that allows you to add elements dynamically through javascript... for example, a project with many tasks...

$("#add_task").click(function () {
            $('#tasks').append('@Html.Raw(Html.Partial("_task_fields").ToHtmlString())');
        });

I seem to be having problems with this approach cause the javascript isnt encoded... and using HttpUtility.JavaScriptStringEncode adds extra quotation marks to the elements that have attributes like class"someClass" for instance.

my task_fields partial is something like this

<tr>
     <td>
         Task
     </td>
     <td>
        <input type="text" name="task[name]" />
     </td>
</tr>

I just want the add_task link to work properly.

Please help.

possible duplicate of Help with asp.net mvc and jquery

Darin Dimitrov
– Darin Dimitrov

2011-03-03 18:43:52 +00:00
Commented Mar 3, 2011 at 18:43 — Darin Dimitrov
– Darin Dimitrov, Commented Mar 3, 2011 at 18:43

Nuri YILMAZ · Accepted Answer · 2011-03-03 22:02:48Z

1

Ok. You will do it but little different way. Write action to controller instead of partial.

public class HomeController : Controller
{
        public ActionResult MyPartial(/*some parameters*/)
        {
            object someData = foo(/*some parameters*/);
            return PartialView("_MyPartial", someData);
        }
}

**And call action with Ajax.**

$("#add_task").click(function () {
$('#taskItem').load(@Url.Content("~/home/MyPartial"));
....
})

Of course you can add to "task" after loaded "taskItem".

answered Mar 3, 2011 at 22:02

Nuri YILMAZ

4,3315 gold badges39 silver badges43 bronze badges

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

2 Comments

nacho10f Over a year ago

Are you sure this wont have the same problem?.

Nuri YILMAZ Over a year ago

yes. I actualy use it on my some pages. but please do not forget, MyPartial call _MyPartial. _MyPartial should be in shared or Home path.

Adrian Grigore · Accepted Answer · 2011-03-03 18:43:24Z

0

Have a look at jquery the jquery template plugin. It's a different but IMO much cleaner approach for this scenario.

Apart from using a jquery template only approach, you could also render the partial into a jquery template block and combine both technologies this way if you want.

answered Mar 3, 2011 at 18:43

Adrian Grigore

33.4k36 gold badges133 silver badges216 bronze badges

3 Comments

Nuri YILMAZ Over a year ago

hi Adrian, we decided to use jquery template plugin in our project, and we prepared some of them. It is not discussion place but I am wondering about performance and scalability. What do you think it is right way?

Adrian Grigore Over a year ago

@Nuri: I'm using it in my current project (logmytime.de) throughout the website and am very happy with the results. I am only showing up to 50 or so jquery template instances per web page, but for scnenarios like that scalability has never been an issue.

Nuri YILMAZ Over a year ago

thanks for you information, and I like your site! look like really nice!

Collectives™ on Stack Overflow

How to append partials using jquery? Razor - asp.net mvc - Jquery

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related