Как выбрать текущий элемент в выпадающем списке кендо с помощью контроллера angularjs?
Я использую раскрывающийся список Kendo с Angular. На самом деле я хочу выбрать текущие элементы, что означает, что я выберу один элемент из частичной страницы, он будет перенаправлен на другую страницу, на этой странице мне нужно выбрать этот элемент динамически.
HTML-код:
<select id="controltype" kendo-drop-down-list k-options="controlDatas">/select>
Угловой код:
$scope.objectModification=function(objectData) {
$scope.objectDataFields = objectData;
var objectViewPartialElement = angular.element("objectViewPartial");
objectViewPartialElement.html("");
$compile(objectViewPartialElement)($scope);
$http({
url : './resources/staticPages/object-modification.html',
method : "GET"
}).success(function(data, status) {
$scope.data = data;
jQuery("objectViewPartial").html($compile($scope.data)($scope));
}).error(function(data, status) {
console.log("some error occured partial page");
});
// This code i am using for that selection
$("#controltype").data("kendoDropDownList").select(function(dataItem) {
return dataItem.objectId === objectDataFields.objectId;
$("#controltype").data("kendoDropDownList").refresh();
});
};
1 ответ
Я получил решение для этого другим способом. я поместил свой код в событие управления кендо.
$scope.controlDatas = {
dataSource: controlDatas,
dataTextField: "controlName",
dataValueField: "attributeId",
dataBound: function(e) {
$("#controltype").data("kendoDropDownList").select(function(dataItem) {
return dataItem.attributeId===$scope.objectDataFields.attributeId;
$("#controltype").data("kendoDropDownList").refresh();
});
}
};