KendoUI Grid输入样式列

时间:2015-06-10 18:56:26

标签: css twitter-bootstrap kendo-ui kendo-grid

我有一个用这个生成的kendoui网格:

<div id="clientsDb">
@(Html.Kendo().Grid<example.OpenAccess.OBClientSetup>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(obcs => obcs.ProfileName).Width(140);
        columns.Bound(obcs => obcs.Default).Width(190);
        columns.Bound(obcs => obcs.EEFinalize).Width(100);
        columns.Bound(obcs => obcs.Completed).Width(110);
        columns.Command(command => { command.Edit(); command.Destroy(); });
    })
    .Groupable()
    .Pageable()
    .Sortable()
            .Editable(editable => editable.Mode(GridEditMode.InLine))
    .DataSource(dataSource => dataSource
        .Ajax()
                    .Read(read => read.Action("OB2_ClientProfiles", "OB"))
            .Update(update => update.Action("EditingInline_Update", "OB"))
            .Destroy(update => update.Action("EditingInline_Destroy", "OB"))
            .Model(model => model.Id(obcs => obcs.SetupID))
    )
)
</div>

有了这个,我无法弄清楚如何设置列中columns.Bound(obcs => obcs.Default).Width(190);选择输入的样式。它是一个选择输入下拉列表,但我还没有弄清楚如何使用form-control从引导程序中设置样式。甚至是网格代码中temmplate自己的风格。

1 个答案:

答案 0 :(得分:0)

columns.Bound(obcs => obcs.Default) .Width(190) .HtmlAttributes(new {@class = "form-control "}); 您可以使用HtmlAttributes函数

添加任何属性