KendoUI

筆記

最近工作上遇到，kendoMultiSelect進畫面時

要先讀取資料庫的值

原先的畫面就單純的把全部的選項放上去給User選取

現在要先讀取資料庫的值 顯示原本選取的值。

剛好telerik上的範例可以拿來改 哈哈 就參考囉~

先將DataSource全部選項帶入

已知DataSource內有選項 “5”, “6”, “7”

所以當成已存在資料庫

當已進入畫面就取出 “5”, “6”, “7” 塞入kendoMultiSelect

範例如下:

var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
      url: "https://demos.telerik.com/kendo-ui/service/products",
      dataType: "jsonp"
    }
  }
});
$("#multiselect").kendoMultiSelect({
  dataSource: dataSource,
  dataTextField: "ProductName",
  dataValueField: "ProductID"
});
  var multiselect = $('#multiselect').data("kendoMultiSelect");
   var selected = multiselect.value();
    var res = $.merge( $.merge([], selected),  ["5", "6", "7"]);
    multiselect.value(res);