Библиотека ExtJS/Sencha *

Довольно давно не заходил на сайт ExtJs. Что же там нового?
Обновился фреймворк до версии 3.0.3 и вместе с ним добавилось много новых фич. Обновился блог. Обновился раздел документации. Обновился раздел демо-приложений. Скорее всего обновился и визуальный редактор, но по недавним причинам, обычные смертные его не увидят. Только если подписчики ;)

Каждый раз, когда я ищу информацию в сети по extjs, нахожу что-то новенькое и интересное, что можно с легкостью интегрировать в проект на extjs.
Сегодня день особенный, так как я нашел не инструмент, а целый репозиторий пользовательских расширений. Появился он еще в 2008 году*. Может я его и замечал раньше, но видимо он тогда еще не обладал таким изобилием расширений, какое можно наблюдать сейчас.

Что бы все были в курсе, приведу список мест, где потенциально могут прятаться пользовательские расширения, которые могут вам пригодиться.

AeroSQL – open source (GPLv3) web based инструмент для управления базами данных на сервере MySQL с использованием PHP и ExtJS 2.2.1. Ключевая особенность этого продукта в том, что имеет интуитивно понятный интерфейс для доступа к данным таблиц БД. Результаты выборки отображаются в виде таблиц. Таблицы являются редактируемыми: вы можете редактировать ячейки и сохранять изменения прямо на сервере. Скриншоты и видео под катом.

Conjoon — представляет собой веб-ориентированный персональный органайзер с особым упором на обмене сообщениями. Для наибольшей практичности, легкости в использовании и вообще восприятия информации, система построена на ZendFramework и ExtJS.

Сегодня мы поговорим, как сделать на базе ExtJS красивый (и функциональный) список каких-либо данных, например, список пользователей или групп. Я применяю такой список в одном из текущих проектов (правда, там уже не настолько красивый и удобный) Такой виджет можно использовать при выводе любых данных, которые характеризуются не только тестовой строкой, но и расширенными данными, а также необходимо сопоставить какие-то действия каждому набору. Допускается динамическое обновление данных (через Store), а также сортировка и группирование — в общем, все возможности, предоставляемые компонентом Grid из ExtJS. Сразу скажу, что я буду использовать версию ExtJS 3.0, но и в предыдущем релизе, 2.3.х пример также должен быть работоспособным. Приведенный компонент является примером и никак не готовым для использование кодом, а лишь демонстрацией возможностей, вы в своих проектах можете как угодно менять и дорабатывать под свои возможности. По этой же причине к статье намеренно нет исходного кода.

Вот и GWT поспевает с релизом.

Из новых компонентов:

• TreePanel
• TreeGrid
• Charting
• HtmlEditor (with ColorPalette)
• RowEditor
• Widget Renderer Grid
• ButtonGroup
• Status
• HBoxLayout & VBoxLayout

Подробности в официальном блоге.

Спешу сообщить о выходе финальной версии ExtJs 3.0. На официальном сайте анонса пока еще нет, но загрузка доступна уже сейчас. По этому адресу находится API docs.

Что-то давненько мы не обсуждали наш любимый фреймворк ExtJS, и зря, так как за это время появилось несколько интереснейших новостей из мира этого инструмента. И о последней, видимо, самой интересной, мы сегодня и поговорим.

Итак, сегодня вышел следующий кандидат-релиз 3-й версии ExtJS, а также вторая бета-версия Ext Core, они обновляются синхронно, так как сам ExtJS теперь базируется на открытом ядре. Рассмотрим основные изменения, кроме заявленных улучшений в производительности и стабильности.

Этот топик является продолжением заметки, оставленой в песочнице. Тут, как и было обещано в заметке, будет более подробно рассказано о использовании обьектов DataProxy, DataReader.

Совсем недавно появилась запись в официальном блоге разработчиков ExtJs о возможности ознакомиться с нововведениями и загрузить последнюю версию ExtJs! По этой ссылке можно сразу перейти к загрузке.

Как вам наверное известно, недавно состоялась первая конференция, организованная компанией ExtJS LLC, посвященная как новым продуктам (ExtJS 3.0, Ext Core, ExtGWT), так и практическим аспектам работы с фреймворком, проектированием приложений и работу с новыми технологиями (вроде поддержки Adobe AIR). К сожалению, мне не удалось побывать на конференции, но там был один из читателей моего блога, Сергей Козлов, который любезно предложил свою помощь в организации этого небольшого обзора.

Официальное расписание конференции и основные доклады собраны в специальном разделе сайта (можно посмотреть здесь), организаторы обещают в скором времени выложить материалы выступлений.

Сама конференция происходила в довольно живописном месте во Орландо, Флорида (США). Не будем скрывать, что самым основным и ожидаемым на всей конференции было представление новой версии фреймворка ExtJS 3.0, и хотя мы уже кратко описывали нововведения, но сделаем это еще раз, по сути это вольная транскрипция основных моментов из ключевого доклада Аарона Конрана (Aaron Conran).

Да, на конференции буквально 10 минут назад объявили о выходе следующей версии ExtJS 3.0, обозначив, таким образом, новую веху в истории AJAX-проектов. Кстати, что интересно, это было приурочено ровно к второй годовщине компании — 15 апреля 2007 года вышла версия 1.0, а теперь мы уже видим третью.

Очень кратко список нововведений.

Так как фреймворк ExtJS уже давно стал нашим основным и любимым инструментом, то мы очень ожидаем предстоящих анонсов на первой конференции для разработчиков и пользователей ExtJS. Пока же «екстовцы» порадовали нас, выпустив уже давно обещанный продукт, да еще и под отличной лицензией (для тех, кому это действительно было важно). И так, мы дождались Ext Core 3.0, видимо, первой ласточки из серии релизов третьей линейки, которую очень ожидаем (в первую очередь, это, конечно, релиз новой версии полного фреймворка, в частности, новые визуальные компоненты). Давайте поближе посмотрим на Ext Core 3.0.

Сегодня мы поговорим о возможности динамической предзагрузки библиотеки по требованию. Изначально, для использования фреймворка, Вам надо на странице подключать сначала стилевой файл, потом адаптер, которые реализует основной функционал, а в случае использования другой AJAX-библиотеки в качестве основы, сначала и ее дистрибутив. И только потом уже основной файл ExtJS, либо его debug-версию на этапе разработки. Конечно, сократить время загрузки поможет объединение всех файлов в один, сжатие gzip и другие методики. Но…

Но что, если задача достаточно узкая, например, я столкнулся с ней, когда некоторый веб-сайт использует ExtJS для предоставления формы добавления и редактирования материалов. При этом процесс редактирования он достаточно редкий, в смысле что не каждый пользователь постоянно будет им пользоваться, кроме этого, работа с сайтом в режиме без регистрации отличается только отсутствием возможности редактирования. Загружать же сразу все файлы, а это почти 600 Кб, пусть даже тщательно собранной версии специально под проект, с учетом его потребностей, это достаточно накладно, и не хотелось бы грузить их всем пользователям.

Давно не появлялось чего-то новенького об ExtJS, видимо все готовятся к анонсированной конференции (я уже писал об этом), а те, что останется в уютных домашний креслах — к анонсу ExtJS 3.0. Но сегодня заглянув в официальный блог компании, я нашел интереснейшую заметку. Как уже известно, в последние версии ExtJS начали активно внедрять поддержку платформы Adobe AIR, что не может не радовать, ведь именно симбиоз этих двух потрясающих инструментов может дать, в умелых руках, конечно, просто отличные результаты.

В Flash 10, а значит и в Adobe AIR 1.5 в его именно флешевую часть была внедрена интересная технология, по сути, полного управления всем отображаемым на экране — PixelBender. При помощи специального языка программирования GLSL (OpenGL Shading Language) разработчик может описывать операции над пикселями, при этом программа может быть применена не только к картинке, а к любому флеш-объекту, в том числе и целому окну или веб-странице. Кстати да, вы не ослышались, речь идет именно об OpenGL, а это нас приближает вплотную к возможности создать серьезные графические приложения, оперируя только обычными для веб-разработки инструментами. Если кто разбирается в 3D, то эта технология очень близка к пиксельным шейдерам, которые также программируются на своих языках.

Случайно заглянув на сайт ExtJS, с удивлением увидел, что версия этой замечательной библиотеки обновилась, более того, появился столь ожидаемый анонс следующей, 3 версии. Но обо всем по порядку. Текущий релиз ExtJS обновился до версии 2.2.1. Это, с одной стороны, достаточно незначительное изменение, даже не под-версии, но если внимательнее присмотреться, обнаружится достаточно интересные вещи. Полный список изменений здесь.

Как и обещал, продолжаем знакомить с новинками фреймворка ExtJS. На этот раз команда разработчиков сообщает, что в сотрудничестве с Adobe они развивают библиотеке в сторону совместимости с платформой AIR. И эта новость самая приятная, ведь именно для запуска серьезных AJAX приложений эта среда подходит наилучшим образом, а ExtJS позволяет создавать профессиональные интерфейсы, почти неотличимые от обычных десктопных, однако используя только средства HTML/CSS/JavaScript.

Не так давно Adobe выпустила следующее значительное обновление AIR-а за версией 1.5 и эта тема заслуживает отдельного разговора, а сейчас обсудим нововведения в ExtJS ( оригинальный пост в блоге разработчиков).

Если вы разрабатываете проекты на ExtJS, то наверняка в вашем дереве исходных кодов есть сам дистрибутив библиотеки и вы его подключаете на всех страницах, где используются ее возможности. И храните саму библиотеку также у себя на хостинге. Это, конечно, правильный и простой подход, но имеет свои ограничения. Во-первых, в большинстве случаев именно ExtJS будет самым большим компонентом страницы, ведь его общий объем около 1 Мб, а значит и будет тормозить страницу, пока браузер не загрузит всю библиотеку. Как выход, все рекомендуют настраивать сжатие (например, mod_deflate, хорошо, что браузеров, которые не понимают сжатый контент, теперь почти нет, а у кого есть, тот, как говорится, сам себе злобный буратино), теги кеширования и т.п. Ну и на крайний случай — собирать под свой проект, или даже под каждую страницу, свою версию библиотеки, включая туда необходимые компоненты. Я уже писал о структуре фреймворка и расположенном на сайте конструкторе, который сможет автоматически сформировать вам ваш личный дистрибутив.

На одном из проектов решено было использовать ExtJS для вывода и редактирования табличных данных. Т.е., нам понадобился грид.
Подключение и наполнение его данными особых проблем не вызывает. В интернете полно инструкций с примерами.
Проблемы начались при попытке получить данные в скрипте php. При сабмите передавались данные только от последних измененных ячеек в колонке. Если в колонке изменялись 2 и более ячейки, то приходила последняя, потому что имена у них были одинаковые.
Таким образом возник вопрос, как назначить ячейкам индивидуальные ID?
Правильный ответ – никак.

Буквально позавчера вышла следующая версия мощнейшей библиотеки для построения веб-приложений — ExtJS 2.2. Что же там нового, полезного и интересного мы сейчас и рассмотрим. На Хабрахабре уже был краткий анонс этого события, я же далее расскажу более подробно про все изменения.