Question

我有一个使用Telerik MVC网格的网格的编辑器模板，我在网格单元格中有两个kendo ui组件。如何让它们彼此相邻，即并排排列。

我已经尝试了一些css并将它们放在div中并对齐float但是它们在不同的跨度中渲染并且不确定如何将它们并排放置任何想法？

目前，搜索按钮位于自动填充文本框下方。

@model object

@*@Html.Kendo().AutoComplete().Name("LocationSearch").Placeholder("Type in your search item . . ").Filter("startswith").BindTo(new string[] { "UK","USA","FR","ES","TR","RU","PT"}).Separator(",")*@

@(Html.Kendo().AutoComplete()
.Name("DepartmentSearch")
.Filter("startswith")
.Placeholder("Type in your search item")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetDepartments", "Home");

        })
        .ServerFiltering(false);

    })

)

@(Html.Kendo().Button()
    .Name("Search")
    .HtmlAttributes(new { type = "button", style="min-width:20px !important;"})
    .Content("...")
    )

Answer 1

自动完成小部件是在通过jquery添加内联宽度的跨度中创建的，这很有用。 $（“＃DepartmentSearch”）。first（）。css（'width'，'65％'）;

编辑器模板对齐两个组件

1 个答案: