Kendo UI DropDownList
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.web.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-app="myApp" ng-controller="HomeCtrl">
<div kendo-tree-view k-options="thingsOptions">
</div>
</div>
CSS
html {
font: 12px sans-serif;
}
JavaScript
angular.module('myApp', ['kendo.directives']);
function HomeCtrl($scope) {
var things = {
data: [
{ text: "Furniture", items: [
{ text: "Tables & Chairs" },
{ text: "Sofas" },
{ text: "Occasional Furniture" }
] },
{ text: "Decor", items: [
{ text: "Bed Linen" },
{ text: "Curtains & Blinds" },
{ text: "Carpets" }
] }
]
};
$scope.thingsOptions = {
dataSource: things
};
}
/*! angular-kendo 0.5.2 2013-07-26 */
"use strict";angular.module("kendo.directives",[]),angular.module("kendo.directives",[],["$provide",function(a){var b=[];angular.forEach([kendo.ui,kendo.dataviz&&kendo.dataviz.ui],function(a){angular.forEach(a,function(a,c){c.match(/^[A-Z]/)&&"Widget"!==c&&b.push("kendo"+c)})}),a.value("kendoWidgets",b)}]),angular.module("kendo.directives").factory("widgetFactory",["$parse","$log",function(a,b){var c={kDataSource:!0,kOptions:!0,kRebind:!0},d=function(d,e,f,g,h){var i=/k(On)?([A-Z].*)/;if(!c[g]){var j,k,l=g.match(i);l&&(j=l[2].charAt(0).toLowerCase()+l[2].slice(1),l[1]?(k=a(h),f[j]=function(a){"$apply"===e.$root.$$phase||"$digest"===e.$root.$$phase?k({kendoEvent:a}):e.$apply(function(){k(e,{kendoEvent:a})})}):(f[j]=angular.copy(e.$eval(h)),void 0===f[j]&&h.match(/^\w*$/)&&b.warn(d+"'s "+g+" attribute resolved to undefined. Maybe you meant to use a string literal like: '"+h+"'?")))}},e=function(a,b,c,e){var f=angular.element.extend(!0,{},a.$eval(c.kOptions));return angular.forEach(c,function(b,c){d(e,a,f,c,b)}),f.dataSource=b.inheritedData("$kendoDataSource")||f.dataSource,f},f=function(a,b,c,d){var f=e(a,b,c,d);return...