Difference between UI GRID and NG GRID - user-interface

my project requirement is that we only use ui-grid. I understand that ui grid is a just a new version(ng-grid is older and ui-grid is newer).
But for pagination , i have written directive that uses ng-class and ng-click.. are this part of ui-grid or ng-grid..with these directives am I still using ui-grid?

Yes you are. ng-class and ng-click are just standard Angular event handlers, not specific to ng-grid.

Related

Inline editing and add

I'm using a AngularJS Kendo Grid in my project. I want to implement Add/Edit/Delete in inline with AngularJS.
How can I implement that functionality?
I prepared small example to demonstrate a sample Angular JS Kendo UI Grid with CRUD operations. You could check it here.

Kendo UI - Minified JS size is 1.8MB

One of my clients report slow loading of their landing page. They use ASP.NET MVC with Kendo UI. I did a quick check and noticed that the kendo.all.min.js is about 1.8MB and client says this is required. I am sure they do not use all of the kendo UI elements in the landing page. I have never used Keno before but only JQuery. Is there a way to minimize the kendo script file size further by not including everything and choose only the elements that are required and form the final JS (like cherry picking in JQuery?).
Thanks!
There's a tool for creating custom downloads at http://www.telerik.com/download/custom-download with an overview of picking what you need here

Creating Forms Dynamically in Kendo UI Mobile

I need to create forms dynamically in which the required field parameters will come from the backend. I will use input, dropdown and switch as form elements.
Is there a kendo specific easy way to generate these forms like kendo is doing in listview using template and datasource?
You probably want to check our MVVM framework for this. And some demos.

MVVM and masked input

There is no masked input control in KendoUI framework. But I need to have a mask input capabilities for textboxes as well as for datepicker.
The application mostly based on MVVM with Kendo Templates. So I need a solution compatible with it.
What is the best way to go with our problem? Currently i'm looking at several solutions:
Have a custom widget (as kendo plugin) that is connected with jquery.inputmask plugin.
Have a custom binding that connects a widget and jquery.inputmask plugin
Invoke a jQuery code $(..).input. The problem with this approach that it hard to get it invoked after template is rendered
Basically I the cleanest solution I can suggest you is to create custom Widget or extend one of the existing.
Take a look at the the following example we created - it demonstrates how to extend the datepicker widget custom logic:
http://jsfiddle.net/7JA74/10/
A part from this please notice there is some malfunctioning when a value is selected from the date picker.

KendoGrid with in a new custom kendo ui widget

Please guide me how to make a custom kendo ui widget, like if you could refer to some tutorial or anything. Secondly the main question is that I want to use kendo grid to consume webapi and i want to use it in a widget in which and pass the datasource to this widget.
Bascially I want to make a widget which will consume the webapi using a particular url, and which will return a data source that I can add to this kendogrid widget.
Googling a little I just found:
Creating Custom Kendo UI Plugins
Creating a DataSource Aware Kendo UI Widget
Inheriting From Custom Widgets
Creating A Kendo UI MVVM Widget
I think that any and all this blogs should help you (I've written several widget and I found here all I needed).
In addition to #Emiliano's links, the Kendo Music Store demo app also contains a custom Widget bound to a DataSource that you can look at as an example:
Live demo site: http://www.kendouimusicstore.com/
Source code: https://github.com/telerik/kendo-music-store
Custom Widget source: MvcMusicStore/Scripts/App/kendo-cart-menu-widget.js
Documentation for this custom widget: http://docs.kendoui.com/tutorials/ASP.NET/Kendo%20Music%20Store/Music%20Store%20Web/kendo-music-store-web-cart-menu-widget
If you are going to use WebAPI, you will probably want to read this (The Facts On Using Kendo UI With ASP.NET WebAPI) first.
"Use WebApi" is a very broad statement, and narrowing down your approach would be the first step.

Resources