Kendo ui下拉默认值(Kendo ui dropdown default value)

Kendo ui下拉默认值(Kendo ui dropdown default value)

这是一个奇怪的：在我的代码的任何其他部分，这工作正常，但在这个特定的指令，它不会假定传递的默认值。 它保持选择-----值。

function RolesDropDownEditor(container, options) { var _roleID = null; if (options.model.roleID !== null && options.model.roleID !== undefined) _roleID = options.model.roleID; $('<input name="Role" id="ddRoles" required="required"/>') .appendTo(container) .kendoDropDownList({ dataTextField: "name", dataValueField: "roleID", dataSource: $rootScope.globalObjects.dsRoles, optionLabel: '--', change: function (e) { options.model.roleID = this.value(); options.model.dirty = true; $scope.$apply(); } }); $("#ddRoles").data("kendoDropDownList").value(_roleID); $("<span class='k-invalid-msg' data-for='Role'></span>").appendTo(container); }

here's a weird one: In any other parts of my code, this works fine, but in this particular directive, it wont assume the default value being passed. It keeps the select ----- value.

function RolesDropDownEditor(container, options) { var _roleID = null; if (options.model.roleID !== null && options.model.roleID !== undefined) _roleID = options.model.roleID; $('<input name="Role" id="ddRoles" required="required"/>') .appendTo(container) .kendoDropDownList({ dataTextField: "name", dataValueField: "roleID", dataSource: $rootScope.globalObjects.dsRoles, optionLabel: '--', change: function (e) { options.model.roleID = this.value(); options.model.dirty = true; $scope.$apply(); } }); $("#ddRoles").data("kendoDropDownList").value(_roleID); $("<span class='k-invalid-msg' data-for='Role'></span>").appendTo(container); }

最满意答案

自定义编辑器的name属性值（ "Role" ）必须与编辑的字段名称（ "roleID" ）匹配，但似乎并非如此。

http://demos.telerik.com/kendo-ui/grid/editing-custom

实现此操作后，您不必在DropDownList的change处理程序中手动设置options.model.roleID 。

The custom editor's name attribute value ("Role") must match the edited field's name ("roleID"), which does not seem to be the case.

http://demos.telerik.com/kendo-ui/grid/editing-custom

After this is implemented, you will not have to set options.model.roleID manually in the change handler of the DropDownList.