在一页上设计 Kendo Multiselect 和 Kendo Grid

Question

我正在尝试将 Kendo Multiselect 放在 Kendo Grid 上方。

这是一个非常简单的布局，但我想知道为什么它不起作用？

表单总是杂乱无章，并且有一个水平滚动条。

这是代码：

<div class="form-group text-right">
    <div class="col-xs-12">
        <div class="col-xs-6">
            @Html.LabelFor(x => x.code, new { @class = "control-label col-xs-6" })
            @(Html.Kendo().MultiSelectFor(x => x.Code)
                        .HtmlAttributes(new { @class = "" })
            )
        </div>
    </div>
</div>
<div class="form-group form-inline col-xs-12"></div>
<div class="clearfix"></div>
@(Html.Kendo().Grid<class>()

我正在使用 Bootstrap，但欢迎任何解决方案。不可能这么难！

即使不使用任何引导代码和div，我也会得到一个带有水平和垂直滚动条的白页。

表格如下所示：

如果我在页面上选择任何内容，则会出现项目并且滚动条会消失！

更新

是的！我猎杀了它！当我添加placeholder 以及开始在框中输入内容时（启用了服务器端过滤），就会发生这种情况。任何可能的解决方案？

Answer 1

我无法重现您的问题，但请尝试简化您的 Bootstrap。

像这样：

<div class="row form-group">
    <div class="col-md-3 control-label">
        @Html.LabelFor(x => x.code)
    </div>
    <div class="col-md-6">
        @(Html.Kendo().MultiSelectFor(x => x.Code))
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        @(Html.Kendo().Grid<class>() 
    </div>
</div>