This question is locked. New answers and comments are not allowed.
I put a form in the first tab page of Tabstrip. When the view be rendered in browser, I found the form tag be pulled out ,but the content that define in the form was still in tab page . This cause a problem that I can't submit it.
below is the html that rendered in browser.
why? my version is 2011.1.419.
@(Html.Telerik().TabStrip() .Name("tTabQuotations") .Items(tabs => { tabs.Add().Text("Summary").Content( @<div id="divSummary"> @using (Html.BeginForm("Edit", "Quotation", new { id = Model.QuotationID })) { // Content in the form. } </div> ); // other tab pages. }))<form method="post" action="/Quotation/Edit/1"></form> <---- the form be pulled out !<div id="tTabQuotations" class="t-widget t-tabstrip t-header"><ul class="t-reset t-tabstrip-items"> ... <ul><div id="tTabQuotations-1" class="t-content t-state-active" style="display:block"><div id="divSummary"> //Content in the form </div>//etc....1 Answer, 1 is accepted
0
Accepted
Hi Nick Wu,
Kind regards,
Atanas Korchev
the Telerik team
This is a quirk of the way ASP.NET MVC form are rendered and Razor. Forms are immediately rendered upon declaration.
Use the following syntax to get it right (Note that @() changed to @ {} and that Render(); is called):
@{
Html.Telerik().TabStrip() .Name("tTabQuotations") .Items(tabs => { tabs.Add().Text("Summary").Content( @<div id="divSummary"> @using (Html.BeginForm("Edit", "Quotation", new { id = Model.QuotationID })) { // Content in the form. } </div> ); // other tab pages. }).Render();
}Atanas Korchev
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items