Drop down menu 剑道网格输入数据角色下拉列表
使用剑道格网 我正在尝试使用模板基于下拉列表创建网格列。有人能提供样品吗(如果可能的话) 如果我要制作网格(可编辑:true),我知道如何实现这一点,但如果我这样做,我会遇到新的问题。。。datepicker代码在第一次使用后不再起作用,因此我正在为下拉列表寻找一个模板选项Drop down menu 剑道网格输入数据角色下拉列表,drop-down-menu,grid,kendo-ui,Drop Down Menu,Grid,Kendo Ui,使用剑道格网 我正在尝试使用模板基于下拉列表创建网格列。有人能提供样品吗(如果可能的话) 如果我要制作网格(可编辑:true),我知道如何实现这一点,但如果我这样做,我会遇到新的问题。。。datepicker代码在第一次使用后不再起作用,因此我正在为下拉列表寻找一个模板选项 { field: 'Uom' , width:"100px", template: '<input data-role="dropdownlist" data-bind="value:Uom" />' },
{ field: 'Uom' , width:"100px", template: '<input data-role="dropdownlist" data-bind="value:Uom" />' },
{ field: 'DeliveryDate' , format:"{0:yyyy-MM-dd}", width: "190px", template: '<input data-role="datepicker" data-bind="value:DeliveryDate" />' },
{字段:“Uom”,宽度:“100px”,模板:'},
{字段:'DeliveryDate',格式:“{0:yyyy-MM-dd}”,宽度:“190px”,模板:'},
谢谢 DropDownList的MVVM绑定属性应该如下所示:
<select data-role="dropdownlist"
data-text-field="name" data-value-field="value" data-bind="source: allUomOptions, value: uom"></select>
但是,如果DatePicker在编辑模式下无法正常工作,则该问题可能应报告给Telerik支持部门,或者如果您可以在JSFIDLE或jsBin中复制该问题,则可以将其发布到此处。对于下拉列表,我建议使用此处描述的自定义编辑器。与数据采集器和其他下拉菜单一起为我工作。如果您在datasource中将DeliveryDate定义为type
date
,那么您将获得现成的数据采集器。保持可编辑标志打开,剑道为你做大部分工作
列定义:
{ field: "Category", title: "Category", width: "160px", editor: categoryDropDownEditor, template: "#=Category.CategoryName#" },
自定义编辑器:
function categoryDropDownEditor(container, options) {
$('<input required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
autoBind: false,
dataSource: {
type: "odata",
transport: {
read: "http://demos.kendoui.com/service/Northwind.svc/Categories"
}
}
});
}
DeliveryDate : {
//data type of the field {Number|String|Boolean|Date} default is String
type: "Date",
}