Show hierarchy in combobox items, with Kendo and AngularJS.

0 Comments

Here is a plunkr showing a combobox with hierarchy: http://plnkr.co/edit/PaiRPD6dZNq0JaT2Tkdg?p=preview     <!DOCTYPE html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="spike"> <head> <!-- This page can be used as a base for spiking with jQuery, AngularJS and Kendo.

Using Kendo mobile switch with AngularJS and ng-model

0 Comments

  Here’s a plunkr demonstrating, binding a kendo mobile switch http://plnkr.co/edit/KlJ4JW?p=preview     <!DOCTYPE html> <html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="spike"> <head>     <!–         This page can be used as a base for spiking with jQuery,

How to display a message, when a Kendo UI MVVM grid is empty.

0 Comments

If you want to show an text in a Kendo UI grid, you could use CSS, as suggested on stackoverflow.com: http://stackoverflow.com/questions/23476978/display-a-message-within-the-kendo-grid-when-its-empty   But if you want to completely hide the gird and show a message,

Show kendo ui grid total record count with MVVM.

0 Comments

Kendo UI MVVM allows functions of objects to be called in the binding syntax: <div class="totals"><span>Totals: </span><span data-bind="text: products.data().length"></span></div> In this case the viewmodel property [products] is a kendo.data.DataSource object. To get the total count

Using drag and drop to order rows in a Kendo UI grid

0 Comments

  Before drag and drop During drag and drop   After drag and drop   Code <!DOCTYPE html> <html> <head> <title>Kendo element binding research page.</title> <link rel="stylesheet" type="text/css" href="//cdn.kendostatic.com/2014.1.528/styles/kendo.common.min.css" /> <link rel="stylesheet" type="text/css" href="//cdn.kendostatic.com/2014.1.528/styles/kendo.rtl.min.css" />