Add and remove partial views

How can i add and remove partial views dynamicaly ?.

If i am click on a link add new , it should create a partial view inside <div id="items"></div> and

again if i click it will add another partial view to div like this i can able to create any no of partial divs inside the same page .

And if i click on submit button of the partial view i want to remove that from the page

(If i add 4 partial view P1,P2,P3,P4 and if i press submit button on P3 , then i need only remaining 3 partial view P1,P2,P4 on the page)

So how can i add and remove partialviews dynamically?

Re: Add and remove partial views

Use jQuery to call an action via AJAX. The action should return a partial view. As for removing just remove any html from the container div

Re: Add and remove partial views

Please see http://bit.ly/mvc_ajax_jquery

Re: Add and remove partial views

if you don't use ajax, then use this cool feature in languges called a for loop. keep the count of partials in a hidden field, and use a submit button (not link which woudl require javascript to post) to add.

@for (Model.CurrentIndex = 0; Model.CurrentIndex < Model.MaxPartials; ++ Model.MaxPartials)
{
@Html.Partial("thepartial")
}

note: the parial shoud use the CurrentIndex:

@Html.TextboxFor(m=>m.field[m.CurrentIndex])

Re: Add and remove partial views

can anyone posts some working links (to add via jquery) and to remove the div once i post the partial view

Re: Add and remove partial views

mMATHAI
can anyone posts some working links (to add via jquery) and to remove the div once i post the partial view

Did you look at tutorial and code source from

http://bit.ly/mvc_ajax_jquery