javascript - Kendo UI kendo is undefined -
i'm starting use kendo ui , i'm having trouble getting 1 of demos work. uncaught typeerror: cannot read property 'observable' of undefined on line 43. how can fix this? appreciated.
<!doctype html> <html> <head> <title></title> <link href="./styles/kendo.common.min.css" rel="stylesheet" /> <script src="./js/jquery.min.js"></script> <script src="./js/angular.min.js"></script> <script src="./js/kendo.core.min.js"></script> </head> <body> <div id="example"> <div class="demo-section k-header"> <div class="box-col" style="width: 300px"> <h4>change value</h4> <input data-role="slider" data-min="0" data-max="50" data-small-step="5" data-large-step="10" data-bind="visible: isvisible, enabled: isenabled, value: selectednumber, events: { change: onchange }" style="width: 180px"> </div> <div class="box-col console-section"> <h4>console</h4> <div class="console"></div> </div> </div> <div class="box"> <div class="box-col" style="width: 300px"> <h4>configuration</h4> <div> <label><input type="checkbox" data-bind="checked: isenabled">enable</label> </div> <div> <label><input type="checkbox" data-bind="checked: isvisible">visible</label> </div> </div> </div> <script> var viewmodel = kendo.observable({ selectednumber: 0, isenabled: true, isvisible: true, onchange: function() { kendoconsole.log("event :: change (" + this.get("selectednumber") + ")"); } }); kendo.bind($("#example"), viewmodel); </script> </div> </body> </html>
you must have script not loading. guess pathing wrong. aware when href , src start ./ means subdirectory of current directory. there chance don't want dot there.
i able recreate example here: http://jsfiddle.net/95w1e3s3/
Comments
Post a Comment