KendoUI Row绑定下拉菜单
$("#SalleGrid").kendoGrid({ dataSource: { transport: { read: { dateType: 'application/json', url: '/SalesTicket/Single/GG', type: 'POST', }, }, schema: { model: { id: "ID", fields: { ID: { editable: false, nullable: true,}, Name: { defaultValue: { TouristTypeID: 4, TouristName: "Beverages" } } } } }, batch: true, pageSize: 15, }, height: 200, selectable: "multiple", sortable: true, columns: [ { field: "ID", title: "ID", hidden: true }, { title: '门票代码', field: 'TicketCode', editor: categoryDropDownEditor, template: "#=Name.TouristName#" }, ], editable:true, });
function categoryDropDownEditor(container, options) {
$('<input required name="' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
autoBind: false,
dataTextField: "TouristName",
dataValueField: "TouristTypeID",
dataSource: {
transport: {
read: {
dataType: "json",
url: "/SalesTicket/Single/GetSelectList",
}
}
}
}); }
Grid后台:
[HandlerAjaxOnly] public ActionResult GG() { IQueryable<TouristTypeEntity> tourist = touristtypeApp.GetTouristTypeData(); var result = from x in tourist select new { ID = x.TouristTypeID, Name = new { TouristTypeID = x.TouristTypeID, TouristName = x.Name } }; return Json(result); }
DropDownList:
public ActionResult GetSelectList() { IQueryable<TouristTypeEntity> tourist = touristtypeApp.GetTouristTypeData(); var result = from x in tourist select new { TouristTypeID = x.TouristTypeID, TouristName = x.Name }; return Json(result.ToList(),JsonRequestBehavior.AllowGet); }