xslt, js, jquery,extjs, codeigniter
-
Очень хорошо все автозагружается в примерах с MVC. Грузится на раз-два-три двадцать файлов — туда, тридцать — обратно. Жырный канал, хороший комп, что еще нужно человеку чтобы встретить старость? Но пример из трех строчек мануала взял и не стал ничего подгружать.
-
Простое приложение на базе ExtJS + CodeIgniter. Desktop + управление пользователями. Как ни страно но работает сразу после запуска.
-
Создание собственного класса, ленивая инициализация через xtype. В черновиках. Отсчет с древней статьи «20 правил, которым стоит следовать, когда начинаете работать с EXT JS & Sencha Touch»
-
Еще одно решение, позволяющее воткнуть в условные комментарии ie переменные.
-
Первый сайт в HTML5. Не зря воздерживался. Так привык к нормальной валидации страниц, что плохо понимаю как можно обойтись без нее. Для HTML5 вменяемого валидатора не нашлось.
-
Начал смотреть MVC. Работает автозагрузка. Непонятно зачем ExtJS генерирует адрес каждого скрипта с префиксом типа ?dc_5674567 После этого отлаживаться практически невозможно. И что делать?
-
Тестовый пример MVC работал только с ext.js и отказывался работать с ext-all. На javascript.ru написано про это но как решить проблему непонятно. Буржуйнет подсказал в чем проблема. В ext-all.js автолоадер зачем-то по умолчанию задизаблен. Зачем?
-
Все события в ExtJS можно разделить на два типа. Первый — события DOM. С ними все прозрачно — для них существует отдельный метод типа jQuery.bind. Второй тип событий — собственные события ExtJS. Здесь рассматривается совсем чуть-чуть для затравки.
-
Мода на изобретение самых лучших, самых быстрых, самых понятных, самых самы и отличных от всех других шаблонизаторов, процветающая среди php-программистов плавно переползла в Python и Ruby, и 2-3 года назад в JavaScript. Я думаю, в скором будущем в JS следует ожидать портирования Smarty, Quicky,FastTemplate, TAL… и базаров, какой шаблонизатор лучше. Это грустно. Особенно грустно потому что более пяти лет мне практически не приходилось иметь дело с шаблонизаторами отличными от XSLT. Поэтому код который написан в этом примере у меня вызывает неудержимое чувство отвращения.
-
Когда пару месяцев назад писал эти записки, во всем что касается манипуляций с DOM было много нецензурных комментариев, я их удалил. Не то то свыкся с мыслю что придется иметь с этим дело, а скорее в реальной работе оказалось, что с этим дело иметь не придется. Ну а если все же придется, тогда скорее всего забуду все это как страшный сон и подключу что-то более дееспособное чем существующие в ExtJS методы.
-
манипуляции с узлами DOM. Установка/чтение стилей, классов, атрибутов в ExtJS. Опять же лаконичностью и простотой jQuery здесь не пахнет.
-
Разборки с Ext.core.Element заняли у меня слишком много времени, потому что зациклился на поиске привычных по jQuery методов навигации по DOM в виде цепочек запросов
-
Как ни странно этот раздел оказался одни из самых тяжелых. Привычка легко и просто работать с DOM в Prototype, jQuery и др., вызвало крайнее удивление того, с чем столкнулся в ExtJS.
-
Рассматриваются добавление, удаление узлов, навигация по дереву, Drag & Drop.
-
Рассматривается три варианта загрузки — инициализация из статического объекта, инициализация из Ajax-запроса. И дополнительно вариант дерево совмещенное с таблицей.
-
Пример сабмита формы сдернут с минимальными изменениями из книги «Ext JS 3.0 Cookbook», часть которой автор которую ее автор Jorge Ramon, выложил в открытый доступ. Спасибо, тебе Jorge Ramon!
-
Сложные (составные) элементы форм — это radio,checbox и combobox. Почледний компонент совмещает функции обычного листбокса, а также текстового поля с выпажающей подсказкой типа гугловского Ajax Suggest
-
Лучше всего смотреть как работают элементы форм в официальной документации. Здесь я просто свел все примеры на одну страницу и по необходимости снабдил комментариями. Чуть более сложные компоненты я рассмотрю дальше.
-
Немного модифицирую предыдущий пример. Модификация будет заключаться в следующем:
Вместо редактирования построчно, редактироваание будет вестись отедльно в каждой ячейке
Синхронизация изменений будет выполняться не автоматически а по нажатию на кнопку «Save»
Кнопка удаления будет размещена в каждой строке.
Поехали.
-
Как правило В богатых приложениях таблицы используются не столько для отображения, сколько для управления данными — удаления, добавления, редактирования записей. В этом примере я попробую сделать табличку с возможностью редактирования, добавления и удаления полей.
В качестве основы я взял пример с официального сайта, только немного сократил. Сейчас я попробую внести возможность редактирования данных на базе примера из предыдущей части, где выводился телефонный справочник. Код практически весь сохраняется, модификация не очень большая. Что меняется?
-
Пример из первой части малоинтересен, потому что в больших приложениях, для которых рассчитан ExtJS данные выбираются из удаленных источников. В этой части разберу пример выборки таблицы по Ajax-запросу. Громоздить что-то в виде полноценного приложения с SQL не буду, а соберу маленький php-имитатор большой базы данных. А по ходу рассмотрения примеров буду его модифицировать, добавляя отсутствующие функции.
-
Мегатаблицы — один из главных элементов UI для любого большого приложения. Как и все в ExtJS компонент GridPanel имеет кучу самых разнообразных прибабахов в виде загрузки через Ajax, листалки страниц, возможности редактирования несколькими способами, группировки, фильтрации и т.п. Но в этом разделе я рассмотрю самую простую статическую таблицу.
-
Панель с закладками она и в ExtJS панель с закладками. С учетом назначения ExtJS всякие мулечки, запихнутые в аналогичные jQuery плагины излишеством не кажутся.
-
Большое приложение без меню — это и не большое и не приложение. В настоящих, больших приложениях, кнопки в верхней инструментальной панели обычно совмещены с выпадающими меню. Пример такой кнопки-меню приведен здесь
-
Инструментальные панели — меню, кнопочки, статусная строка, которые обычно располагаются в верхней и нижней части большинства приложений — вполне самостоятельный компоненты, которые позволяют оживить окна.