Nested error inline markup blocks (@ <p> content </P>) cannot be nested. Only one level of inline markup is allowed

Example:

@ {HTML. telerik (). splitter (). name ("mainsplitter "). orientation (splitterorientation. vertical ). panes (vpanes ==>{ vpanes. add (). size ("50px "). content (@ <text> epx studio </text>) vpanes. add (). content (@ <text >@{@ HTML. telerik (). tabstrip (). items (tabstrip => {tabstrip. add (). text ("Tab 1 "). content (@ <text> @ rendersection ("tabonecontents", false); </text>) ;}</text> );}). render ();}

 

Nested @ <text> error, error message inline markup blocks (@ <p> content </P>) cannot be nested. Only one level of inline markup is allowed

The MVC engine cannot escape @ <text>, @ <p>, @ Div,

Solution, with the help method, the help method (helper function (is defined in the view method, use the following

 

{HTML. telerik (). splitter (). name ("mainsplitter "). orientation (splitterorientation. vertical ). panes (vpanes ==>{ vpanes. add (). size ("50px "). content (@ <text> epx studio </text>) vpanes. add (). content (@ <text >@rendertabstrip () </text> );}). render () ;}@ helper rendertabstrip () {@{ HTML. telerik (). tabstrip (). items (tabstrip => {tabstrip. add (). text ("Tab 1 "). content (@ <text> @ rendersection ("tabonecontents", false); </text> );}}}