This chapter will answer the question of why you should use Telerik® Kendo UI® framework. It will broadly discuss its benefits, strengths and major features.
A Comprehensive Toolkit of UI Widgets and Tools for Building Websites and Applications for Desktop Computers and Touch Devices
Widgets are jQuery-Based
The jQuery “find-something-then-do-something” pattern is likely the most prevalent pattern for working with the DOM today. Rare is the developer who is not familiar with jQuery and its plugin architecture ( more than 60 percent of leading sites use jQuery ). Developers who have never used a jQuery-based UI toolkit, such as Kendo UI framework, will already be familiar with it because of its similarities to jQuery and the jQuery plugin pattern.
With that said, Kendo UI widgets can also be instantiated and controlled outside of the patterns provided by jQuery . In other words, you’re not locked into jQuery patterns for the lifecycle of a Kendo UI widget.
Kendo UI and jQuery Plugins
If the Kendo UI framework doesn't have or do exactly what you want, you have other options, because it's jQuery-based. Nearly every jQuery plugin can run alongside Kendo UI widgets, which are jQuery plugins themselves. It’s even programmatically reasonable to pick and choose parts from multiple jQuery UI widget toolkits to use with Kendo UI widgets, with no fuss, overhead, conflicts or fear of duplicating code (for example, Bootstrap jQuery Plugins ).
Initialize Widgets Using Imperative or Declarative Interfaces
Kendo UI widgets can be initialized imperatively using the common jQuery plugin method pattern or declaratively from markup using several options including AngularJS Directives.
Data visualization widgets Included
Other widget/component toolkits don't always offer or include, at no additional cost, a robust set of widgets for doing data visualization. Kendo UI framework includes the following data visualization widgets:
Integrated AngularJS Directives
Kendo UI framework provides official AngularJS directives for initializing widgets the Angular way (for example, using a declarative interface via directives).
- AngularJS directives started being shipped and maintained as part of kendo.all.min.js in the July 16, 2014 Q2 release (i.e. 2014.2.716)
- Telerik provides Kendo UI AngularJS integration support for licensed customers
- Kendo officially supports AngularJS v1.3.x
- Be aware AngularJS 1.3 drops support for IE8 . AngularJS 1.2 will continue to support IE8, but the core AngularJS team does not plan to spend time addressing issues specific to IE8 or earlier
- Choose AngularJS Data Binding/Routing or Kendo MVVM/Routing, but don't mix these solutions in a single application
- When loading individual Kendo UI files you need to also load kendo.angular.js (or kendo.angular.min.js ) after kendo.core.js (or kendo.core.min.js ) because this file contains the actual directives
- Angular 2.0 is on the 2015 Kendo UI road map.
- AngularJS directives are maintained by Telerik, but several integration parts for completing solutions are available from the community, such as Backbone or React Meteor .
In-Depth Getting Started Docs and API Docs
Kendo UI framework provides API documentation, which details options, methods, and events for each widget or tool. Additionally, above and beyond the API documentation, a Getting Started overview is provided for each widget or tool. Very few commercial solutions provide such a resource (API and Documentation on usage), and if they do, they are nowhere as in-depth as what is found in the Kendo UI docs.
Detailed Demos Immediately Runnable and Editable
Each widget contains a plethora of demos (for example, the grid offers more than 36 unique demos ), all of which are immediately available to be edited in an official live, online code editor called the Telerik Kendo UI Dojo. This, of course, allows for easy code editing and execution, as well as the means to copy and paste demo code to other editors quickly.
The fact that the demos are immediately editable and runnable in an official online editor sets Kendo UI apart from all of its competitors.
Chrome DevTools Extension Aid Development
Telerik offers a Chrome DevTools extension so a developer can gain information about widget configuration values, widget events and any global Kendo UI errors that might occur during development.
Out-of-the-box Themes and Theme Builder Tools
The Kendo UI Web and DataViz widgets have 15 out-of-the-box themes. Each theme can be customized using the Telerik ThemeBuilder tool.
The Kendo UI mobile widgets have five platform-specific themes and one generic (flat skin) theme. Each theme can be customized using the Telerik Mobile ThemeBuilder tool.
- The Kendo UI ThemeBuilder (used on Web and DataViz widgets) can be used as a bookmarklet on your own pages.
Official Bootstrap, SAP Fiori, Office 365 and Material Design Theme
You can combine Kendo UI widgets combined seamlessly with Twitter Bootstrap UI's, SAP Fiori UI's, Office 365 UI's, and Material Design UI's by using the corresponding Kendo UI theme (i.e. Material / Material Black , Bootstrap , Fiori , or Office 365 theme).
By default, all widget messages are in English . This can be overwritten by including a language specific kendo.messages.[language here].js file along with your Kendo UI code. Kendo UI offers 20 official language packages or you can create a custom language file with the necessary translations.
- kendo.messages.en-US.js contains all widget messages and may be used as a reference when creating a new localization file. The easiest way to get started is to copy the file, rename it and translate the messages.
- Currently, translations are not available for every language. The full list of currently available translations can be found in the Kendo UI Core repository
Kendo UI Web and DataViz widgets boast the following accessibility features:
Full ARIA support
Following the W3C’s “ Widget Design Patterns ” in the WAI-ARIA specification, Kendo UI will add WAI-ARIA support automatically when the appropriate role value and additional attributes are needed. For example, examine below the changes made to a number input when it’s converted to a Kendo UI NumericTextBox widget.
The code below shows the initial number input before a Kendo NumericTextBox is initiated:<input id="amountOwed" type="number" value="17" min="0" max="100" step="1" />
After adding WAI-ARIA support :<input id="numeric" type="text" value="17" min="0" max="100" step="1" data-role="numerictextbox" class="k-input" role="spinbutton" style="display: none;" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="17" />
Kendo UI framework recognizes and preserves accesskey attributes used to activate or focus elements in the page using the keyboard (e.g. in chrome Mac Ctrl + ⌥ Opt + accesskey). The code below shows the use of an accesskey attribute on an input.
You can verify that Kendo UI honors the accesskey after initialization below:
Kendo UI framework supports setting up right-to-left languages globally (for example, throughout an entire application) or on-demand for individual widgets.
To enable RTL support, include the kendo.rtl.css stylesheet in an html page. The RTL stylesheet should be registered after the common stylesheet and before the theme stylesheet. After the stylesheet is included, wrap your Kendo UI widgets in an HTML element with a .k-rtl CSS class or assign the .k-rtl class to the <body> element to globally declare RTL for the entire application.<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common.min.css" /> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.rtl.min.css" /> <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.default.min.css" /> </head> <body class=".k-rtl"><!-- global rtl --> <!-- or --> <div id="myKendoUiWidget" class=".k-rtl"><!-- per widget rtl, remove global! --> </div> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script> </body> </html>
The following Kendo UI widgets come pre-wired with keyboard navigation controls:
A good example of pre-wired keyboard navigations controls can be found on a Calendar . The keyboard buttons defined below can be used on any Calendar by default.
Give it a try (i.e. click on calendar to focus then use the keyboard to navigate the calendar):
High-contrast CSS theme
For users with low vision or other visual disabilities, a high-contrast theme is available for Kendo UI Web, DataViz, and Mobile widgets.
- While the vast majority of widgets are accessible, the long-term goal is to provide full WAI-ARI support, WCAG, and Section 508 compliance for all widgets.
Kendo UI framework provides culture-specific overrides (otherwise known as Globalization ) for widgets (i.e. Calendar, DatePicker, TimePicker, DateTimePicker, NumericTextBox) that make use of number formats, week and month names, and date and time formats.
- When globalize.js is registered before Kendo UI scripts, it uses globalize.js features instead of Kendo UI Globalization.
- Kendo provides 355 culture files.
ASP, JSP & PHP Server-Side Wrappers
The following server-side widget wrappers are available for those who prefer development on the server side.
Built in Templating Engine
Robust Data Abstraction
The Kendo UI DataSource has many abilities and responsibilities, including:
- Retrieve data from a remote endpoint ;
- Maintain the structure and type of the data (schema) ;
- Process serialization formats to/from a remote endpoint;
- Synchronize updates (such as create, update, delete) to/from a remote endpoint;
- Maintain an in-memory data cache (including changes) for updating to a remote endpoint;
- Calculate and maintain aggregates, sortin order, and paging ;
- Provide a query mechanism via filter expressions .
- Several of the more sophisticated widgets have their own data abstractions that inherit from kendo.data.DataSource (e.g. kendo.data.GanttDataSource , kendo.data.HierarchicalDataSource , kendo.data.PivotDataSource , kendo.data.SchedulerDataSource , kendo.data.TreeListDataSource ).
Kendo UI framework allows data-bound widgets (widgets that use DataSource ) to function without being online. Users can continue working while offline, and data will be stored locally until network connectivity resumes.
Screen Size Adaptive Widgets
Most Kendo UI widgets will auto-resize by default when used in a fluid web page layout (such as when widgets wrapper container has a height and width of 100% and is resized) making the widgets themselves drop-in ready for mobile web design strategies. Those widgets that do not auto resize will simply require their resize() method to be called directly or by using kendo.resize() to resize a grouping of widgets.
Additionally, a select few widgets (grid, scheduler, charts, toolbar and tabstrip) will actually adapt to the screen size beyond simply adjusting themselves horizontally in width; the widgets UI will adapt, automatically when required by the screen size or view port.
Related newsJacques derrida documentaire en
Eu quero e curtir facebook
Briques refractaires prix du
Mademoiselle jeanne rue de la roquette horaires prieres
Space quest iii the pirates of pestulon download
Plastique fou cuire
Metronidazol para que sirve wikipedia
Moda na sukces streszczenia odcinki minecraft
Cirque du soleil seating plan o2
Aspect tense and modality theory typology acquisition plan