你如何设计你的kendoUI组合框?

时间:2012-11-13 22:16:37

标签: knockout.js kendo-ui knockout-2.0

这是使用mvc3包装器的我的kendoUI组合框。

@(Html.Kendo().ComboBoxFor(x => x.K1State)
                           .Name("ddK1State")
                           .DataTextField("Name")
                           .DataValueField("Id")
                           .BindTo((List<StateVM>)ViewData["State"])
                           .HtmlAttributes(new { @class = "input-small", @Id = "ddK1State", @style = "width:88px;" })
                           .Events(events => events.Change("onK1StateChange")))

我可以使用课堂和风格。

.HtmlAttributes(new { @class = "input-small", @Id = "ddK1State", @style = "width:88px;" })

我使用kendo-knockout.js文件更改它。

<input data-bind=" kendoComboBox: { enabled: k1Address.isStateMutable,  dataTextField: 'Name', dataValueField: 'Id', data: states, value: k1Address.stateId, htmlAttributes: 'new {style=\'width: 88px;\'}'}" />

风格不起作用。我在组合框文档中找不到“htmlAttributes”,这可能就是为什么它不起作用。

http://docs.kendoui.com/api/web/combobox

1 个答案:

答案 0 :(得分:1)

为什么不直接将样式设置为输入元素?

<input style="width:80px" ... />

没有像JavaScript小部件那样的HtmlAttributes概念 - 它只是在MVC世界中使用。