Я реализую представление, в котором есть вкладки (Kendo TabStrip), а внутри этих вкладок находятся некоторые элементы аккордеона (Kendo PanelBar). Я динамически рисую вкладки с помощью foreach, и на каждой вкладке я также использую foreach для рисования аккордеона. Дело в том, что содержимое каждого элемента аккордеона представляет собой строку HTML (например: <p>Some <strong>text</strong></p>
). В хроме все работает нормально, но с IE8 все тухнет (потому что HTML страницы смешивается со строкой HTML).
Это мой код:
@(Html.Kendo().TabStrip()
.Name("tabAyuda")
.HtmlAttributes(new { style = "" })
.Animation(false)
.SelectedIndex(0)
.Items(tabAyuda =>
{
foreach (KeyValuePair<string, IList<ElementoAyuda>> accion in Model)
{
if (!string.IsNullOrWhiteSpace(accion.Key))
{
tabAyuda.Add().Text(accion.Key)
.Content(@<text>
@(Html.Kendo().PanelBar()
.Name("panelbar" + accion.Key)
.ExpandMode(PanelBarExpandMode.Single)
.Items(panelbar =>
{
foreach (ElementoAyuda elemento in accion.Value)
{
panelbar.Add()
.Text(elemento.Head)
.Content(elemento.Detail);
}
})
)
</text>);
}
}
})
)
Я также пробовал использовать этот код внутри .Content:
.Content(@<text>
@Html.Raw(elemento.Detail)
</text>)
Но я получаю эту ошибку: Ошибка пользовательского инструмента: Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed.
Любой совет??
Заранее спасибо!