Kendo Angular multiselect设置选定的值

时间:2013-11-28 00:03:08

标签: angularjs kendo-ui angular-kendo

我使用带有Angular-Kendo指令的Kendo multiselect和远程数据源。我试图在应用程序启动时设置所选项目,但没有运气。有人可以帮帮我吗?

请参阅此处的代码:JS Bin

2 个答案:

答案 0 :(得分:2)

您可以创建自定义指令,并将您想要选择的项目传递给multiselect指令的value属性,查看this Plunk以查看我使用的指令。 / p>

答案 1 :(得分:1)

您必须挂钩on change change指令并发送kendoEvent。然后,您可以在e.sender上使用支持的kendo方法。请查看此plunker

    <select id="required" multiple="multiple"  kendo-multi-select k-on-change="changed(kendoEvent)">
        <option>Steven White</option>
        <option>Nancy King</option>
        <option>Nancy Davolio</option>
        <option>Robert Davolio</option>
        <option>Michael Leverling</option>
        <option>Andrew Callahan</option>
        <option>Michael Suyama</option>
        <option selected>Anne King</option>
        <option>Laura Peacock</option>
        <option>Robert Fuller</option>
        <option>Janet White</option>
        <option>Nancy Leverling</option>
        <option>Robert Buchanan</option>
        <option>Margaret Buchanan</option>
        <option selected>Andrew Fuller</option>
        <option>Anne Davolio</option>
        <option>Andrew Suyama</option>
        <option>Nige Buchanan</option>
        <option>Laura Fuller</option>
    </select>

    var app = angular.module('app', ['kendo.directives']); 

    app.controller("myCtrl", function ($compile, $scope) {

      $scope.changed = function(e) {
      console.log(e.sender.dataItems());
      };

    });