Tooltip Dialog. Базовые компоненты Extension Library

Сегодня рассмотрим последний компонент, из обозначенных мной как основных - это 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


Tooltip Dialog
Назвал бы его всплывающий, а лучше контекстный диалог. По своей сути этот тот же Dialog, но в несколько облегченном (в плане дизайна) варианте. Не зря обозвал его контекстным, поскольку еще одна особенность этого типа диалога: привязка отображения к объекту. При описании вызова Tooltip Dialog станет понятнее. а пока вид компонента после его добавления из палитры.

Пожалуй основное свойство этого компонента - это id, по которому вы будете к нему обращаться.

Для вызова корректного отображения используется вызов с клиентской стороны
XSP.openTooltipDialog ("#{id:ID_диалога}", "#{id:ID_компонента_привязки}")
Вызов вида getComponent('ID_диалога').show() тоже отобразит диалог, но без привязки к компоненту. Специального метода show("ID") нет.

Закрыть диалог по действию можно точно так же как и компонент Dialog:

с клиентской стороны: XSP.closeTooltipDialog('#{id:ID_диалога}') или XSP.closeTooltipDialog('#{id:ID_диалога}','#{id:ID_обновляемого_компонента}')

с серверной стороны: getComponent("ID_диалога").hide() или getComponent("ID_диалога").hide("ID_обновляемого_компонента"),

где ID_обновляемого_компонента - компонент, который обновляется после закрытия диалога

Итог выглядит весьма симпатично

Пример можно пощупать как всегда в Демо-приложении