I have a grid which i need to open as editable and i am showing all fields and columns with editable controls.in this case i am showing html5 dropdown . How can i change it to Kendo Dropdown list?
Please advise.
title: "Licensed/UnLicensed",
template: function (dataItem) {
if (dataItem.InputControl === "DropDown") {
var cntrls = '<div class="col-xs-4"><select class="form-control input-sm" id ="selval' + dataItem.CarePointID + ' " data-bind="value:FormVal"';
if (dataItem.Mandatory)
cntrls += ' required ';
cntrls += ' tabindex= "' + dataItem.CntrlTabIndex + '" ';
cntrls += ' >';
if (questOptions.length > 0) {
cntrls += '<option value="" >Select value</option>';
$.each(questOptions, function (opnum, opObj) {
var cntrl = '<option value="' + opObj.DropDownValue + '">' + opObj.DropDownText + '</option>';
cntrls += cntrl;
});
cntrls += "</select></div>";
}
return cntrls;
}
}
1 Answer, 1 is accepted
Please refer to this online demo which demonstrates how to use a KendoUI DropDownList widget as custom editor.
http://demos.telerik.com/kendo-ui/grid/editing-custom
Regards,
Pavlina
Telerik by Progress
Rank 1