在一个页面上设置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，但欢迎使用任何解决方案。这不可能是这么难！

即使不使用任何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>