xslt, js, jquery,extjs, codeigniter
-
Пример сабмита формы сдернут с минимальными изменениями из книги «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 плагины излишеством не кажутся.
-
Большое приложение без меню — это и не большое и не приложение. В настоящих, больших приложениях, кнопки в верхней инструментальной панели обычно совмещены с выпадающими меню. Пример такой кнопки-меню приведен здесь
-
Инструментальные панели — меню, кнопочки, статусная строка, которые обычно располагаются в верхней и нижней части большинства приложений — вполне самостоятельный компоненты, которые позволяют оживить окна.
-
Окно Ext.Window может содержать несколько панелей Ext.Panel, каждая из которых может быть составной и в свою очередь содержать другие панели. Нужно понять как правильно размещать панели в пределах окна.
-
Тут наверное надо немного разобраться в иерархии компонент ExtJS. Всего пару, чтобы можно было двигаться дальше. Для примера разберу самое простое — встраивание панелей в окна
-
Здесь я рассматриваю самый простой и очевидный способ привязки событий к компоненту (в данном случае это окно Ext.window.Window). Но позже нужно будет заняться событиями плотнее в отдельной части.
-
Часть 1. В этой частия я разбираюсь с конфигурированием всплывающих окон (Ext.window.Window), и основными методами управления ими
-
На этой странице сразу несколько примеров с различными модальными окнами-сообщениями — аналогами стандартных javascript-функций confirm, prompt и alert
-
Следуя традиции, заведенной Б.В. Керниганом и Д.М. Ричи, первая задача в изучении чего угодно — вывод сообщения «Hello, World!». Смысл этого примера в том, что для Hello World ExtJS не нужен. Он предназначен не для этого. Хотя попытки засунуть его в любую щель уже видны, хотя обойти jQuery в этом смысле ему не удастся никогда.
-
Кажется про Ajax, родившийся в недрах MS Internet Explorer и получивший распространение благодаря Google писать больше нечего. Но я все же рискну. Речь идет о старом мифе «Ajax вредит SEO» и о том, как эта технология может улучшить внешний вид сайта.
-
В большинстве случаев легкого jWysiwyg, весящего всего 7К в упакованном виде хватает с лихвой. Но иногда избежать сложного форматирования, всавки картинок и прочей ерунды избежать невозможно, и тогда приходится ставить FCKEditor (или TinyMCE). Всегда хотелось совместить приятное с полезным и при разработке очередной CMS решил написать плагин jwysiwyg, который превращает его при необходимости в wysiwygMonster
-
Ниже я рассматривал CMS и выяснилось, что они подгружают по нескольку десятков самых разнообразных файлов, большая часть из которых даром не нужна. Для того чтобы уменьшить число ненужных загрузок можно применить динамическую загрузку скриптов. Благо jquery позволяет это делать легко и непринужденно.
-
На днях jwysiwyg обновился, избавился от большой кучи багов. При обсуждении в болталках, почему-то публика требует плагин для очистки от мусора, возникаемого при paste-copy из MS Word. В некотором роде публика права - без этого wysiwyg не визивиг.
-
Этот сайт был исходно сделан по технологии client side XSLT. Было любопытно, когда поисковые машины научатся его индексировать и начнут ли вообще. Первый шаг сделан (?) - Google проиндексировал xslt-файл.
-
Мы писали, мы писали, наши пальчики устали. Написали типа инструкции для начинающих XSLT-верстальщиков. Все что здесь написано не прояснит, почему XSLT вызывает холивары и исповедуется адептами как религия. Но для первого знакомства думаю сойдет. Я постарался изложить все кратко и без углубления в подробности, которые в большинстве учебников отбивают желание учить этот замечательный язык. Возможно я был неправ.
-
Обычно побудительным мотивом написания собственной CMS становятся отсутствие необходимого функционала и лень изучения API навороченного CMF типа Drupal. Но у меня главный побудительный мотив - чисто эстетическое неприятие того, что представлено на рынке. Представлено конечно много, но выбора, по существу нет. Хотя тенденция к улучшению ситуации налицо.
-
Модификация плагина jHelperTip. Совмещение всплывающих подсказок и всякой ерунды в стиле LightBox/FancyBox
За основу взят jHelperTip из замечательного собрания jQuery-полуфабрикатов Kean Loong Tan
-
Год назад написал все что знаю о метатеге KeyWords. Поскольку это было что-то типа объяснительной записки, слить туда страшные сказки и слухи я не мог. Теперь сливаю и заодно расчищаю место для новых сказок.