通過Kendo DropDownList中的值設置所選選項

Question

我的html中有一個帶有angularjs的kendo ui下拉列表：

<select kendo-drop-down-list="dropdownlistCatalogs" k-options="optionsDropDownListCatalogs" data-role="dropdownlist" style="display: none;">
   <option value="2" selected="selected">Test1</option>
   <option value="3">Test2</option>
   <option value="4">Test3</option>
</select>

在angularjs控制器中，每當我單擊下拉列表中的項目時，我都會調用此函數從下拉控件中刪除所選項目：

function removeItemFromDropDown(e) {
   var index = e.item.index();
   var selectedItem = $scope.dropdownlistCatalogs.dataItem(e.item.index());
   $scope.optionsDropDownListCatalogs.dataSource.remove(selectedItem);
}

現在，我想將所選選項設置為不存在的項目以顯示一個空值。

我嘗試過：

$scope.dropdownlistCatalogs.value(-1);

但不起作用

如何通過value（）設置下拉列表？

Answer 1

我對angularjs不太了解，如果情況有所不同。 我在其中看到$scope ，我猜它是有角度的，因為我看不到它在任何地方定義。 但是通常value會在使用jquery時幫助您

在頂部添加id:-1的默認空白值，並將默認值設置為1。

單擊按鈕時，可以將值更改為-1

它看起來像這樣：

var data = [
    { "text": "" , id: -1 }, 
    { "text": "aaa",id: 1 },
    { "text": "bbb",id: 2 },
    { "text": "ccc", id:3}
];

$("#ddl").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "id",
    dataSource: data,
    index: 3
});

$("#button").on("click", function ()  {

    var dropdownlist = $("#ddl").data("kendoDropDownList");

    dropdownlist.value(-1);
});

這是一個有效的例子