Fixing bug in kendo grid row cancel, when inline editing is used.
I had a strange problem in Kendo grid, when a the last row was canceled the values of the first row were shown in the last row. The first fix was adding a cancel even
Tag: Kendo UI
How to validate an entered text to a min date in a kendo datepicker in AngularJS.
The code and live preview can be found here: http://plnkr.co/edit/jdnRjO?p=preview When no date is entered a “pink” border will be shown: When a date is entered that’s before the “min” date a “pink”
Setting height / width sparklines and removing spacing with Kendo UI and AngularJS
In the following screendump, I used 6 sparkline fields: To increase the width / height of the sparkline (bar) I set the following values: – charArea options (height, padding, margin) – Series options
Show hierarchy in combobox items, with Kendo and AngularJS.
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
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,
AngularJS and Breeze – A simple crud app – Part 3 –Adding foreign keys and Kendo UI widgets.
Using Kendo UI mobile switch in AngularJS generated grid. Using Kendo UI date picker in AngularJS generated grid. Using Kendo UI combobox in AngularJS generated grid. All code can be found
Controlling position of a custom confirm dialog with Kendo UI
The native confirm dialog, shown when you use the confirm function in JavaScript can’t be positioned in JavaScript. A Kendo UI window can be positioned. HTML <!DOCTYPE html> <html> <head> <title>Kendo element
How to display a message, when a Kendo UI MVVM grid is empty.
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.
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
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" />