Pull to refresh

Ext 1.1 Beta 1 доступна для «изучения»

Lumber room
Бэта 1 стала доступна широким массам. Билд теперь включает, собсно, Ext Stand-alone,
лайтвейтный ВИЗВИГ, класс Ext.Ajax, DateField, много дополнительной инфы, ну и в довесок проведена куча баг-фиксов.

Ext Stand-alone
Название говорит само за себя; ext-base весит 34кб в упакованом виде. Это поменьше чем YUI с адаптером (58кб), Prototype/Scriptaculous + адаптер (71кб) или jQuery + плагины + адаптер (62кб — минизировано, не обжато).
Total votes 1: ↑0 and ↓1 -1
Views 306
Comments 0

ЦСС Селекторы

Lumber room
Theme достаточно актуальна и веб-два-нольна, как бы затаскано это звучало.
Наткнулся недавно на релиз Джека Слокума (Jack Slocum) — DomQuery.
И на соответствующую сводку.

Тем «кто в теме» сюда.
Total votes 2: ↑2 and ↓0 +2
Views 234
Comments 1

Финальный релиз Ext 2.0

Website development *
В прошлом многочисленные беты и кандидаты. Теперь встречаем финальный релиз одного из самых мощных JS фрейворков для разработки web-приложений – Ext 2.0. Что имеем с обновлением:
Читать дальше →
Total votes 26: ↑22 and ↓4 +18
Views 727
Comments 26

Работаем с ExtJS на языке РНР — библиотека PHP-Ext

Website development *

Я вряд ли ошибусь, если предположу, что язык РНР достаточно популярен, если не самый популярный в веб-разработке. Мы не будем анализировать причины этого (а тем более, следствия), а сконцентрируемся на одном небольшом аспекте, а именно — как на РНР разрабатывать сложные AJAX веб-приложения. И не просто так разрабатывать, а использовать в своей работе библиотеку ExtJS, которая позволяет создавать интерфейсы для этих веб-приложений. Конечно, все это можно разнести и серверная сторона, на РНР или на любом другом языке, совершенно ничего не будет знать о клиентской части и AJAX-библиотеке, просто оперируя JSON данными и обычным HTML. Но можно сделать и по-другому — этот подход, аналогичен популярной сегодня технологии Google Web Toolkit. Мы ничего не разделяем, а просто пишем приложение, используя одну среду, один язык и все возможности (и языка и среды), а уже сервер самостоятельно генерирует код для клиента, полностью автоматически. Таким образом можно совсем (ну или почти) не знать и не разбираться в верстке, JavaScript и ExtJS, но писать приложения, которые будут использовать этот фреймворк.

Для языка Java подобные решения существуют, а недавно такой проект, EXT GWT, даже перешел под крыло самой компании-разработчика ExtJS, превратившись в вполне серьезное профессиональное решение. Ну а как в других языках? Java, конечно, хорошо и даже отлично, но душа и тело хотят разнообразия, или просто не хотят переучиваться. Для таких случаев есть свои решения. И одно из них, для РНР, так и называется — PHP-Ext.
Читать дальше →
Total votes 27: ↑27 and ↓0 +27
Views 4K
Comments 31

Развёрнутый обзор ExtJS 2.2

ExtJS/Sencha *
Буквально позавчера вышла следующая версия мощнейшей библиотеки для построения веб-приложений — ExtJS 2.2. Что же там нового, полезного и интересного мы сейчас и рассмотрим. На Хабрахабре уже был краткий анонс этого события, я же далее расскажу более подробно про все изменения.
Читать дальше →
Total votes 27: ↑27 and ↓0 +27
Views 2K
Comments 42

Создание сложных приложений в ExtJS.

Website development *
Translation
Автор: Jozef Sakalos, aka Saki
Статья в оригинале: Создание сложного приложение в Ext на blog.extjs.eu

Предисловие


Я решил написать эту статью для тех пользователей Ext 2.x, которые уже переросли одну единственную HTML-страницу со встроенными скриптом, создающим простое окно или форму, для тех, которые уже решили, что Ext — это их путь и для тех, которые превозмогая трудности связанные с большими объемами кода, понимают, что нуждаются в его структурировании.
Сколько людей, столько и мнений. И поэтому способ, который я опишу ниже, не является одним единственным возможным. Также хотелось бы отметить, что не каждое приложение, написанное с применением этого подхода, является гарантированно хорошим. Ничего подобного.
Замечу, что описываемый подход является работоспособным, четко структурированным, без труда поддерживаемым и, одним словом: рабочим!
Читать дальше →
Total votes 44: ↑44 and ↓0 +44
Views 4.4K
Comments 17

Обновление ExtJS и другие… приятности

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

Читать дальше →
Total votes 41: ↑38 and ↓3 +35
Views 1.8K
Comments 49

JavaScript, AJAX, Socket и Flash/ActionScript — исследуем вопрос передачи данных в AJAX-приложениях

Website development *
socket_1667_128Как то в последнее время я начал активно повышать свои навыки и знакомиться не только и не столько с новыми технологиями. Например, я уже более-менее освоил Java, а именно — занимаюсь сетевыми сервисами. Также начал работать с ActionScript 3, хотя мое мнение относительно применимости в AJAX-приложениях Flash-компонентов не изменилось — их надо использовать там, где они дают максимальное преимущество, а вот вся «обвязка», например, интерфейс пользователя, можно сделать при помощи стандартных технологий. При разработке AJAX-приложений у разработчика есть достаточно большой выбор для решения задачи обмена данными с сервером. В основном, общение с сервером заключается в…
Читать дальше →
Total votes 52: ↑47 and ↓5 +42
Views 5.2K
Comments 44

ExtJS, Adobe AIR и технология PixelBender — красиво, ничего не скажешь!

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

В Flash 10, а значит и в Adobe AIR 1.5 в его именно флешевую часть была внедрена интересная технология, по сути, полного управления всем отображаемым на экране — PixelBender. При помощи специального языка программирования GLSL (OpenGL Shading Language) разработчик может описывать операции над пикселями, при этом программа может быть применена не только к картинке, а к любому флеш-объекту, в том числе и целому окну или веб-странице. Кстати да, вы не ослышались, речь идет именно об OpenGL, а это нас приближает вплотную к возможности создать серьезные графические приложения, оперируя только обычными для веб-разработки инструментами. Если кто разбирается в 3D, то эта технология очень близка к пиксельным шейдерам, которые также программируются на своих языках.
Читать дальше →
Total votes 54: ↑47 and ↓7 +40
Views 1.3K
Comments 55

Автоматическая загрузка библиотеки ExtJS по требованию.

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

Но что, если задача достаточно узкая, например, я столкнулся с ней, когда некоторый веб-сайт использует ExtJS для предоставления формы добавления и редактирования материалов. При этом процесс редактирования он достаточно редкий, в смысле что не каждый пользователь постоянно будет им пользоваться, кроме этого, работа с сайтом в режиме без регистрации отличается только отсутствием возможности редактирования. Загружать же сразу все файлы, а это почти 600 Кб, пусть даже тщательно собранной версии специально под проект, с учетом его потребностей, это достаточно накладно, и не хотелось бы грузить их всем пользователям.
Читать дальше →
Total votes 22: ↑21 and ↓1 +20
Views 2K
Comments 10

Начало нового времени или ExtJS 3.0. Первая бета Ext-Core

ExtJS/Sencha *
ext_bld_logo1Так как фреймворк ExtJS уже давно стал нашим основным и любимым инструментом, то мы очень ожидаем предстоящих анонсов на первой конференции для разработчиков и пользователей ExtJS. Пока же «екстовцы» порадовали нас, выпустив уже давно обещанный продукт, да еще и под отличной лицензией (для тех, кому это действительно было важно). И так, мы дождались Ext Core 3.0, видимо, первой ласточки из серии релизов третьей линейки, которую очень ожидаем (в первую очередь, это, конечно, релиз новой версии полного фреймворка, в частности, новые визуальные компоненты). Давайте поближе посмотрим на Ext Core 3.0.
Читать дальше →
Total votes 34: ↑28 and ↓6 +22
Views 3K
Comments 53

Праздник, господа, праздник! ExtJS 3.0 RC1 доступен!

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

Очень кратко список нововведений.
Читать дальше →
Total votes 48: ↑41 and ↓7 +34
Views 810
Comments 30

Счастье близко — ExtJS 3 Designer уже скоро

Lumber room
Очень ждал функционала визуального дизайнера форм в платформе ExtJS и наконец свершилось. На официальном форуме появились ролики бушующего дизайнера.

Судя по имеющемуся функционалу на видео, появиться дизайнер должен очень скоро. Хотя на форуме есть мнения, что он войдет только в сборку ExtJS 3.1 и в третий релиз не войдет.

Также хочу обратить внимании на австралийскую разработку FireDB — ребята проделали огромный труд, но непонятно как это чудо будет продаваться. Насколько я понял платформа разработана на последнем релизе ExtJS 2.2.
Total votes 19: ↑17 and ↓2 +15
Views 254
Comments 5

ExtJS 3.0 RC2 — а мы идем в сторону RESTful

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

Итак, сегодня вышел следующий кандидат-релиз 3-й версии ExtJS, а также вторая бета-версия Ext Core, они обновляются синхронно, так как сам ExtJS теперь базируется на открытом ядре. Рассмотрим основные изменения, кроме заявленных улучшений в производительности и стабильности.
Читать дальше →
Total votes 32: ↑26 and ↓6 +20
Views 1.2K
Comments 26

ExtDesigner — щупаем ручками

ExtJS/Sencha *
Тестируем свеженький ExtDesigner за более 200 не русских президентов на предмет вменяемости и вообще что это такое и для чего
Сразу скажу что ExtJS ом пользоваться не умею, но прочитанные доки оставили довольно приятное впечатление
тестировать буду на Gentoo Linux 64х битную сборку

если интерестно идём под кат
Total votes 51: ↑30 and ↓21 +9
Views 3K
Comments 51

Урок 1. Знакомимся с Ext.NET

Website development *.NET *
Sandbox

Краткое введение в Ext.NET 2.0 beta


Дорогой читатель, давайте поговорим о таком приятном и полезном ASP.NET Фреймворке как Ext.NET. Он основывается на известном JS Фреймворке – Sencha Ext JS. Он сильно облегчает многим ASP.NET разработчикам жизнь, избавляя от необходимости изучения Ext JS, а потом еще прикручивания его к своему ASP.NET приложению. Ext.NET предоставляет удобные и простые контролы, но не только. В нем есть очень много других полезных вещей, но об этом позже.

Текущая версия Ext.NET 2.0 beta предоставляет почти все возможности Ext JS 4.1.0 и включает в себя некоторые очень приятные плагины. Если вы думаете использовать Ext.NET в своем реальном проекте, я бы рекомендовал вам обратиться к версии Ext.NET 1.3, она более стабильная и почти не вызывает нареканий, функционально конечно слабее, но не принципиально. Многое, что тут написано применимо и к ней, хотя между ними нет совместимости. А если все же решили использовать Ext.NET 2.0 beta, то помните, что пометка beta, как раз и подразумевает, что все еще может поменяться по нескольку раз и работает местами нестабильно. Но все же именно версия Ext.NET 2.0 beta, это будущее и необходимо изучать именно ее. В ней разработчики добавили много нового, полный список изменений вы можете посмотреть тут.
Читать дальше →
Total votes 39: ↑30 and ↓9 +21
Views 16K
Comments 36

Урок 2. Создаем своё приложение на Ext.NET, часть 1

Website development *.NET *
Контейнеры (Container, Panel, TabPanel, ViewPort) и разметки (BorderLayout, AccordionLayout, CardLayout)


Введение


Ну что же начнем. Нашей конечной целью будет создать интерфейс примерно похожий на Microsoft Outlook 2010. Почему именно этот интерфейс? Причина проста — потому что Ext.NET часто используется в корпоративном секторе или близком к нему и пользователь этой аудитории зачастую хочет видеть нечто похожее на Outlook. Плюс ко всему эта разметка довольно сложная и потому интересная. Не переживайте можно сделать и многие другие интерфейсы, но это все как-нибудь потом. Сразу оговорюсь, что мы не будем делать полную копию интерфейса Outlook, ограничимся только самым нужным.



Читать дальше →
Total votes 11: ↑6 and ↓5 +1
Views 6.5K
Comments 10

Listeners в Ext.NET

Website development *.NET *ASP *
Translation
Tutorial
В Ext.NET понимание разницы между различными типами событий и их обработчиками является очень важным. Выбор зависит от конкретного сценария, который вы хотите реализовать вашем приложении.
В данной серии из четырех статей мы рассмотрим различные события на клиенте и на сервере, как они вызываются, обрабатываются и какие имеют преимущества. В данной статье будут рассмотрены Listeners – позволяющие «слушать» события на клиенте и обрабатывать его там же, на клиенте, избегая запроса к серверу.
Все компоненты в Ext.NET, такие как Panel, Window, Button, имеют следующие четыре типа обработчиков событий:
Listeners
Слушают события на клиенте и обрабатывают их так же на стороне клиента.

DirectEvents
Слушают события на клиенте, но выполняют их обработку на стороне сервера, вызов происходит посредством AJAX запроса.
DirectMethods
Позволяют вызывать функции на сервере, например написанные на C# или VB, вызов происходит посредством AJAX запроса.
MessageBus
MessageBus позволяет передавать различные события между компонентами, которые могут друг о друге не знать. Обработка сообщений происходит через подписку на определенные сообщения и отправку сообщений о событиях через MessageBus. Каждый компонент на клиенте имеет специальный обработчик MessageBusListeners, а также  MessageBusDirectDirectEvents для передачи обработки на сторону  сервера.


Listeners


Listeners являются обработчиками событий на клиенте. Они выполняют ваш код после появления некоторого события, например, нажатия на кнопку (Button).
Использование Intellisense в Visual Studio дает возможность узнать какие конкретные события есть у каждого компонента. Каждый компонент наследует события от своего предка и обычно добавляет свои.
Все классы в Ext.NET наследуют события от базового класса Observable. Все события находятся в Listeners.

Все доступные события могут быть просмотрены с помощью Intellisense

Если компонент вызывает некоторое событие на клиенте, то для того чтобы ваш код на клиенте обработал данное событие вы должны подписаться на это событие добавив JavaScript функцию.


Читать дальше →
Total votes 9: ↑4 and ↓5 -1
Views 5.9K
Comments 2

JSonCmp — сравниваем в JavaScript правильно

JavaScript *jQuery *ExtJS/Sencha *
Вот JavaScript-овый объект, сериализованный в JSon:

var source1 = '[{"vConfig":{"vType":"objectview","serverItemType":"TrackerObject"}}]';


А вот ещё один JavaScript-овый объект, тоже сериализованный в JSon:

var source2 = '[{"vConfig":{"serverItemType":"TrackerObject","vType":"objectview"}}]';


У них одинаковая структура, одинаковые параметры, одинаковые значения в этих параметрах. По всем признакам, и в source1, и в source2 у нас одно и то же.

Но интерпретатор JavaScript с нами, разумеется, не согласен. И он вполне резонно считает, что source1 и source2 — разные строки. А если мы десериализуем их обратно, то получим два object-а, которые расположены по различным адресам памяти и… тоже не равны друг другу.

А если вы, впридачу, работает с Ext.js, щедро генерируете свои классы и не забываете про jSon, то может дойти до полного затмения. Как сравнить эти огромные простыни сведений о контролах, которые собираются в JSon-ы? Или разобраться древовидными объектами, где в каждое поле уже успели насоздаваться ещё какие-то подполя?
Читать дальше →
Total votes 26: ↑12 and ↓14 -2
Views 9.7K
Comments 28
1