Ready

Материал из Course Orchestra
Перейти к: навигация, поиск
Showcase

Создание решений на КУРС:Showcase

Иногда требуется узнать, когда страница шоукейс полностью загрузилась в память, отрисовалась, и никаких событий больше не происходит. Это нужно знать как при первой загрузке страницы, так и при выполнении каких-либо действий на ней, например, при нажатии кнопок в xforms или при выделении записи грида и т.п. Вследствие асинхронности работы GWT, узнать, когда завершатся все RPC-вызовы очень трудно. В этих целях в шоукейс введён css-класс ready для тега <body> главной страницы. Этот класс выставляется (автоматически) именно, когда страница полностью прогрузилась (когда страница ещё не загружена класс не выставляется, это важно!). Также css-класс ready для тега <body> выставляется после загрузки Welcome Page. По событию выставления класса ready в теге <body> можно производить различные действия, например, в тестах.

Также в шоукейс введена серия css-классов непосредственно для элементов интерфейса. Список элементов и соответствующих им классов приведён в таблице. Примечание: Для вкладок указывается id вкладки, для элементов - id элемента!

Элемент интерфейса css-классы
navigator navigator-element
datapanel datapanel-element
datapanel-tab datapanel-tab-element, id-..., active (для активной вкладки)
chart chart-element, id-...
webtext webtext-element, id-...
xform xform-element, id-...
jslivegrid: jslivegrid-element, id-...
jslyragrid jslyragrid-element, id-...
jspagegrid jspagegrid-element, id-...
jstreegrid jstreegrid-element, id-...
plugin plugin-element, id-...
jsform jsform-element, id-...
geomap geomap-element, id-...
кнопка в xform, вызывающая селектор/мультиселектор server-selector-element
селектор server-selector-popup
мультиселектор server-multiselector-popup

Компоненты селектора и соответствующие css-классы:

Компонент селектора css-класс
поле для поиска (фильтр) server-selector-searchstringtextbox-element
кнопка ручного поиска server-selector-manualsearchbutton-element
clear button server-selector-clearbutton-element
Starts With Checkbox server-selector-checkbox-element
панель со списком найденных элементов server-selector-listwrapper-element
ok button server-selector-okbutton-element
cancel button server-selector-cancelbutton-element

Kомпоненты мультиселетора и соответсвующие css-классы:

Компонент мультиселектора css-класс
поле для поиска (фильтр) server-multiselector-searchstringtextbox-element
кнопка ручного поиска server-multiselector-manualsearchbutton-element
clearbutton server-selector-multiclearbutton-element
Starts With Checkbox server-multiselector-checkbox-element
панель со списком найденных элементов server-multiselector-listwrapper-element
ok button server-multiselector-okbutton-element
cancel button server-multiselector-cancelbutton-element
select button server-multiselector-selectbutton-element
select all button server-multiselector-selectallbutton-element
unselect button server-multiselector-unselectbutton-element
unselect all button server-multiselector-unselectallbutton-element
поле для поиска выбранных элементов (фильтр 2) server-multiselector-searchselectedstringtextbox-element
find button server-multiselector-findbutton-element
панель со списком выбранных элементов server-multiselector-selectedlistwrapper-element