Kendo UI Tabstrib从Data Bind中选择Tab

时间:2014-11-20 19:08:59

标签: kendo-ui angular-kendo kendo-tabstrip

我们使用angular和kendo tab数据源在HTML中创建kendotabstrip。有没有办法从k-data事件加载时选择默认选项卡。我们可以使用jquery来做,但是想找一种使用k-data-bind选择默认选项卡的方法吗?

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
        <div kendo-tab-strip k-content-urls="[ null, null]" k-data-source="tabData" k-data-text-field="'text'" k-data-value-field="'id'" k-options="configOptions">
          <!-- tab list -->
        </div>
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){

    $scope.hello = "Hello from Controller!";
    $scope.tabData = [{id:'1', text:'tab 1'}, {id:'2', text:'tab 2'}];
    $scope.configOptions={select:function(e){console.log(e);}}
  })
</script>

提供参考。 http://jsfiddle.net/6dgxvqvb/

0 个答案:

没有答案