巢狀錯誤Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed

路過的世界發表於2014-08-21

例子:

@{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();
}

 

巢狀@<text>錯誤,錯誤資訊Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed

MVC 引擎不允許潛逃@<Text>,@<p> ,@div,

解決方案,用幫助方法,幫助方法(helper function(是在view裡定義的方法,使用如下

 

{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>
                );
        }
    }
}

 

相關文章