如何/可以向 Kendo DatePicker 添加 data- 属性？

Question

我需要向 Kendo DataPicker 对象添加 data- 属性。

然而，我没有看到一种直观的方法来做到这一点。只有“name”和“htmlattributes”，它们似乎只接受“style”、“title”和“id”。

我需要这个来进行 jQuery 操作，所以没有其他方法可以解决它。

这是我到目前为止所拥有的：

<div>
@(Model.FieldLabel): @(Html.Kendo().DatePicker()
    .Name("valueToGet")
    .Value(Model.FieldValue)
    .HtmlAttributes(new { style = "width: 100%", title = Model.FieldLabel, id = Model.FieldId.ToString()})
    .Deferred()        
    )
</div>

Answer 1

您需要将破折号（-）替换为下划线（_），编译器将对其进行适当的转换。

<div>
@(Model.FieldLabel): @(Html.Kendo().DatePicker()
    .Name("valueToGet")
    .Value(Model.FieldValue)
    .HtmlAttributes(new { style = "width: 100%", title = Model.FieldLabel, id = Model.FieldId.ToString(), data_test = "Test Value"})
    .Deferred()        
    )
</div>