Архив

Архив раздела ‘ExtJS Tips’

ExtJS Tips: делаем красивый список групп.

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

ExtJS Tips&Hacks или броня для веб проекта — сплав Zend Framework, ExtJS и reCaptcha

logoПриветствуем наших читателей. Сегодня мы снова опишем небольшое решение для ExtJS, которое возникло в ходе нашей работы над новыми проектами (раскрою только, что это он-лайн браузерные игры). На этот раз мы используем не только сам ExtJS, но и дополнительные средства, в частности, серверный РНР фреймворк Zend Framework и сервис reCaptcha.

Если вы строите веб-приложение, вместо обычного сайта (хотя, что сейчас этот "обычный сайт"?), то скорее всего, вам понадобится защита от автоматических регистраций или хоть бы попыток обхода, ведь нам интересны  посетители и пользователи люди, верно? Для этого существует механизм CAPTCHA, а данном примере мы используем тест, генерируемый сервисом reCaptcha, который мы считаем на сегодняшний момент самым продвинутым и удобным. Хотя в дистрибутиве Zend Framework есть и собственная реализация, однако вариант от reCaptcha мне кажется более удобным, так как там есть и вариант аудио-каптчи. Читать далее...

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

25 февраля 2009 4 комментария

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

ExtJS Tips and Hacks — делаем красивый список с DataStore, DataView и XTemplate

Приветствуем читателей. Этот материал первый в нашей новой рубрике, посвященной различным небольшим хитростям, практикам и просто реализации каких-то частных но интересных или полезных задач при помощи ExtJS. Так как я уже достаточно долгое время работа с ExtJS, начиная еще с версии 1.0, и реализовал уже несколько достаточно сложных проектов, то у меня (и моих коллег-разработчиков) уже набралось некоторое количество таких решений, вот и будем ими делится. В то же время эти заметки некоим образом не рецепт успеха, не объект копи/паста, а часто даже не предмет обсуждения - понятно, что в большинстве случаев можно сделать по другому, лучше, а для каких-то целей наше решение вообще не подойдет, кому-то не понравиться стиль или архитектура. Так что рассчитывайте на эти заметки как на руководство к действию, описание того, что и как вообще можно сделать на ExtJS и как просто на некоторую выжимку чужого опыта. Сегодня мы расскажем вам о создании красивого списка, например, товаров или других объектов, когда надо визуально полностью показать параметры объекта и, допустим, его фотографию. Кстати, почему мы - это решение предложено моим сотрудником и просто хорошим другом, Богданом Хрупой (связаться с ним можно здесь, а также посмотреть его личный блог), так что это наш совместный материал. Читать далее...

Developers.org.ua