Kendo TabStrips:添加模板

时间:2013-04-02 16:17:38

标签: asp.net asp.net-mvc asp.net-mvc-4 kendo-ui

在MVC 4中使用Kendo Tabstrip。

我有一个标签牌。每个选项卡都包含整个页面表单的许多表单域。

现在我添加如下字段,但它非常混乱。有没有办法使用某种模板,我不必将字符串连接在一起?

这是我目前要做的事情:

    @(Html.Kendo().TabStrip()
          .Name("tabFormItems")
          .Items(items =>
              {
                  items.Add().Text("Rex Online").Content(
                      "<table><tr>" +
                      "<td>" + Html.LabelFor(x => x.ClientID).ToString() + "</td>" +
                      "<td>" + Html.EditorFor(x => x.ClientID).ToString() + "</td>" +
                      "</tr></table>")

1 个答案:

答案 0 :(得分:2)

是的。您可以使用Razor模板委托,如下例所示:http://demos.kendoui.com/web/tabstrip/index.html

以下是相关代码:

tabstrip.Add().Text("New York")
              .Content(@<text>
                <div class="weather">
                    <h2>29<span>&ordm;C</span></h2>
                    <p>Sunny weather in New York.</p>
                </div>
                <span class="sunny">&nbsp;</span>
              </text>);