![](https://habrastorage.org/storage1/de9a934d/4064923d/8e1605fd/6aa604c7.png)
Предлагаю краткий обзор свежего UI-фреймворка от Telerik под названием Kendo UI.
Предыстория
Совсем недавно я размещал тикет в поддержке Telerik и спрашивал у них, можно ли использовать компоненты (в частности MVC) в приложении, написанном на Classic ASP.
Конечно, ответ огорчил.
![](https://habrastorage.org/storage1/38ebce2e/4d17a302/1f2a9662/fbff67b8.png)
Я написал им, что неплохо было бы иметь набор клиентских компонент в будущем. Как оказалось (уже не помню, как узнал об этом), в данный момент активно идёт разработка их собственного клиентского UI-фреймворка, который официально выходит 30 ноября (почему бы не написать об этом в тикете? :) ).
Что же это такое?
Kendo UI — это клиентский фрейморк и набор из более чем 10 виджетов (грид, графики/диаграммы, выпадающий списк и т.д.), в основе которого лежит jQuery. В данном фреймворке максимально используются такие технологии, как HTML5 и CSS3 (при этом обеспечивается поддержка достаточно старых браузеров за счет graceful degradation). Поддерживается привязка данных, шаблоны, анимация, drag-and-drop и многое другое.
Разработчики обещают высокую скорость работы, поддержку мобильных устройств с тач-интерфейсами, а также агрессивную политику развития продукта (например, пользователи могут предлагать те или иные фишки для будущих релизов и голосовать за них).
Ну и, конечно, поддержка такой мощной компании, как Telerik, говорит о многом.
Поддержка в браузерах
![](https://habrastorage.org/storage1/ceefe0a9/77eed6be/eed266e4/056f0dc1.png)
Хочу отдать должное разработчикам по поддержке IE 7 за титанический труд (т.к., по сути, IE7 — это IE6 с табами и несколько допиленной поддержкой CSS 2.1).
Как использовать?
Очень просто: скачиваем, включаем стили и скрипты на странице и инициализируем виджеты привычным синтаксисом jQuery.
<link href="kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="kendo.kendo.min.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="kendo.all.min.js" type="text/javascript"></script>
<input id="datepicker" value="10/10/2011"/>
<script type="text/javascript">
$("#datepicker").kendoDatePicker();
</script>
А денег просит?
Kendo UI будет распространяться под Open Source (GPLv3) и коммерческой лицензиями. Цена на коммерческую лицензию еще не объявлена, но есть хорошая новость для владельцев Premium и Ultimate Collection — данный продукт включен в эти лицензии.
Ссылки
Официальный сайт
Демонстрация визуальных компонентов