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

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

1 个答案: