如何在 kendo ui 自定义工具栏中添加换行符/换行符

Question

@(Html.Kendo().Grid<ModelVM>()
.Name("ModelVM")
.HtmlAttributes(new { style = "padding: 0px; margin: 0px;height:100% "     })
.ToolBar(toolbar =>
{
    toolbar.Custom()
        .Text("First").HtmlAttributes(new { id = "someid" })
        .Action("Index2", "Home");
    toolbar.Custom()
        .Text("Second")
        .Action("Index2", "Home");
    toolbar.Custom()
        .Text("Third")
        .Action("Index3", "Home");
    toolbar.Custom()
        .Text("Fourth")
        .Action("Index4", "Home");
    toolbar.Custom()
        .Text("Fifth")
        .Action("Index5", "Home");
    toolbar.Custom()
        .Text("Sixth")
        .Action("Index6", "Home");
    .
    .
    .       
} )

我对简单的问题感到震惊。对不起，如果它太简单了。 我的问题是我希望“第六个”自定义工具栏应该进入新行。怎么做？ 或 如何在 Kendo-UI 工具栏中插入换行符/换行符。提前致谢。

Answer 1

您可以通过使用 HTML 标记执行类似的操作并应用您想要的任何样式。

.ToolBar(toolbar =>
{
    toolbar.Template(@<text>
        <div class="toolbar">
            <a href="Index">Index</a> <p>
            <a href="Index2">Index2</a> <p>
            <a href="Index3">Index3</a> <p>
            ...
        </div>
    </text>);
})