Live Scripts

В прошлой части я дал некоторую теоретическую подоснову о том, что такое FacesMessage в JSF и показал, как можно добавить и отобразить сообщение для пользователя, используя FacesContext.addMessage и компонент xp:messages. Сегодня продолжим: поработаем над отображением сообщений.

Ранее я уже описывал некоторые аспекты, касательно добавления и применения Bootstrap в отношении xPages. Речь идет о Extension Library и Bootstrap  и Bootstrap для XPages в действии . Хотел бы еще раз вернутся к теме применения Bootstrap в проектах и уточнить кое-какие моменты. Как я писал, начиная с ExtLib 9.0.1 (build v00_10.20141105-0922) , уже непосредственно в состав ExtLib включена поддержка Bootstrap для xPages. Это значит, что никаких дополнительных плагинов (как я ошибочно указал тут , в настройках) ставить не нужно. Достаточно несколько простых шагов, чтобы сменить тему: 1. В настройках Xsp Properties , на вкладке General , Application Theme выбрать из доступных Bootstrap3.2.0 или Bootstrap3.2.0_flat . 2. Там же на закладке Page Generation выставить HTML doctype: HTML5 и галку Force content type to application/xhtml+xml 3. Единственная библиотека, которая должна (достаточно для работы bootstrap) быть подключена - com.ibm.xsp.extlib.library . Я проде...

На повестке дня довольно простой, но очень симпатичный компонент: Widget Container 1.  Application Layout 2.  Navigator 3.  Data View 4.  Form Table (+Form Layout Column, Form Layout Row) 5.  Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs

Не стал откладывать возможность опробовать Bootstrap для XPages в долгий ящик и применил его для своего приложения " Личный баланс ". Итог меня очень вдохновил: приложение отлично изменяет размер и расположение своих элементов в зависимости от разрешения устройства. Один дизайн и код для всего! :) Кое-какие моменты в отображении формы (полей) мне не нравятся, но т.к. решение из коробки, то в целом более чем отлично! Вот так теперь выглядит приложение при коннекте с телефона: Основной вид Занесение данных Немного о настройках: 1. Используется тема bootstrapv3.2.0, поставляемая в составе последней сборки ExtLib (в доступных есть так же версия bootstrapv2.3.1, при установленном плагине Bootstrap4XPages) 2. Компонент Application Layout построен по конфигурации для Boostrap. Об этой  новой возможности упоминал в этом посте. 3. Для корректной работы всех элементов, на закладке Page Generation (в настройках приложения XspProperties), в разделе HTML Generatio...

На просторах OpenNTF.org развивается проект Bootstrap4XPages. Bootstrap - фреймворк для Web-приложений. Суть проекта - дать человеческую возможность разработчикам на xPages пользоваться благами Bootstrap. В последнем релизе ExtLib 9.0.1 (build v00_10.20141105-0922) была включена поддержка Bootstarp (версия темы 3.2.0) и jQuery (версия темы 2.1.1) в виде нового плагина: XPages Responsive Bootstrap (XRB). Плагин, в том числе, дает возможность использовать компонент Application Layout с новой конфигурацией: Bootstrap Responsive Application Configuration. Данная конфигурация обладает дополнительными возможностями, описанными в Readme к ExtLib. Вот так вот меняется диалог настройки компонента при его перетаскивании с палитры: Одно из исходных преимуществ Bootstrap - автоматическое изменение своего отображения в зависимости от разрешения дисплея, т.е. ничего не меняется при использовании как мобильных устройствах, так и на больших устройствах. Использование Bootstarp для XPag...

D avid Leedy в своем блоге NotesIn9 начал цикл постов о разработке Web-приложений под IBM Domino на XPages, что называется, с основ. Особенностью его блога является то, что это в основном-видео блог. 2-ой пост из этого цикла рассказывает о том, какие плагины он будет использовать в дальнейшем. Пост полезен тем, что все самое необходимое собрано в одном месте и Девид показывает, как происходит установка плагинов на сервер и клиент. С пособ установки плагинов перекликается с тем, что описывал я в посте по установке Extension Library с одной интересной особенностью, что каждый новый плагин он добавляет не в одну и ту же базу UpdateSite, а под каждый организует свою базу. В общем к просмотру этот пост и последующие рекомендую!

Х очу поделиться приложением, которое я делал и делаю по-сути для себя. Одна из первых идей для личного удобства, которую я начал делать, когда еще только познакомился с IBM Lotus Notes/Domino. Это приложение пережило несколько итераций и было одно из первых, на которых я опробовал попытки создания движков для приложений. Это приложение не самое сложное, которое я когда-либо делал. Это приложение не обладает невообразимыми функциональными возможностями. Но. Это приложение, которым я горжусь. Это приложение, позволяющее вести личный баланс...

Сегодня рассмотрим последний компонент, из обозначенных мной как основных - это Tooltil Dialog 1.  Application Layout 2.  Navigator 3.  Data View 4.  Form Table (+Form Layout Column, Form Layout Row) 5. Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs

5-ый выпуск захватывающего детективного шоу...Базовые компоненты Extension Libarary!Сегодня говорим о <xe:Dialog>. 1.  Application Layout 2.  Navigator 3.  Data View 4. Form Table (+Form Layout Column, Form Layout Row) 5. Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs

П о просьбам трудящихся опишу на родном языке процесс установки библиотеки Extension Library. Справедливости ради отмечу, что подобным образом можно устанавливать любые кастомные библиотеки компонентов для XPages (да-да, Extension Library, конечно же не единственная библиотека в своем роде).

Логичным продолжением повествования об отображении данных будет...их заполнение и отображение для одного документа. 1.  Application Layout 2.  Navigator 3. Data View 4. Form Table (+Form Layout Column, Form Layout Row) 5. Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs

Продолжаем рассматривать основные компоненты Extension Library. Это 3-ий выпуск и он будет посвящен такому компоненту, как Data View. 1.  Application Layout 2. Navigator 3. Data View 4. Form Table (+Form Layout Column, Form Layout Row) 5. Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs Data View Основное назначение компонента - отображение коллекции данных (документов). Это прямой наследник стандартного компонента View Panel , но с бОльшими возможностями. Он используется как для стандартных браузеров, так и для отображения на мобильных устройствах.

Это 2-ой пост из серии о базовых компонентах Extension Library. Всего планирую рассмотреть нижеследующий список компонентов: 1.  Application Layout 2. Navigator 3. Data View 4. Form Table (+Form Layout Column, Form Layout Row) 5. Dialog (+ Dialog Content, Dialog Button Bar) 6. Tooltip Dialog --- Дополнительно --- 7. Widget Container 8. Bread Crumbs Navigator Компонент для формирования и отображения пунктов меню. Исходный добавляемый компонент по сути является контейнером для пунктов меню.

Библиотека компонентов Extention Library для разработка XPages приложений настолько расширилась и стала повсеместно используема, что была включена в новые релизы IBM Notes и Domino. Наиболее свежие и актуальные версии (как и раньше) можно найти на  OpenNTF.org . В серии постов, посвященных базовым компонентам Extension Library рассмотрю наиболее важные, на мой взгляд, для построения приложения на базе XPages. Должен заметить, что использование данных компонент значительно упрощают жизнь при разработке UI части интерфейса.

В торое очень важное понятие и инструмент, которым необходимо овладеть при работе с xPages , на мой взгляд, - xPages Extension Library . В это посте именно об этом и пойдет речь. Мое знакомство первично, но более-менее успешно, поэтому спешу поделиться первым опытом. Также, постараюсь покидать ссылки на полезные материалы.