Прилипающий блок

Controls/popup:Sticky — контрол, открывающий окно, которое позиционируется относительно целевого элемента.

Размер окна

Размер окна определяется автоматически и выбирается по размеру контента.

Стандартный шаблон

Схема раскладки шаблона:

Пример шаблона

<!-- WML -->
<Controls.popupTemplate:Sticky headingCaption="Заголовок">
   <ws:headerContentTemplate>
      <div class="stick-top">
         <Controls.buttons:Button caption="Закрыть" on:click="_close()"/>
      </div>
   </ws:headerContentTemplate>
   <ws:bodyContentTemplate>
      <div class="sticky-content">
         {{_options.myText}}
      </div>
   </ws:bodyContentTemplate>
</Controls.popupTemplate:Sticky>

Открытие окна

Целевой элемент (это может быть DOM-элемент или контрол) передаем в метод open() с помощью свойства target:

// JavaScript
// Открываем с помощью Controls/popup:Sticky.
 
openSticky: function () {
   this._children.sticky.open({
       
      // Так в метод open() передаем элемент, относительно которого откроется окно.
      target: this._children.MyStickyTarget  
   });
},

Конфигурацию позиционирования окна относительно элемента можно передать в метод open() либо указать в верстке в конфигурации всплывающего окна. В опции template передаем шаблон всплывающего окна.

<!-- WML -->
<div name="MyStickyTarget"></div>
<Controls.buttons:Button
    name="dialogButton"
    caption="Открыть Sticky"
    on:click="openSticky()"/>
<Controls.popup:Sticky
    name="sticky"
    template="Examples/Popup/templates/sticky">
    <ws:templateOptions myText="Hello, Sticky!" />
    <ws:direction
        vertical="top"
        horizontal="left"/>
    <ws:targetPoint vertical="bottom" horizontal="left"/>
</Controls.popup:Sticky>

Класс Controls/popup:StickyOpener предоставляет методы open() и close, с помощью которых можно открыть окно уведомлений без использования открывающего контрола.

// TypeScript
import {StickyOpener} from 'Controls/popup';

this._sticky = new StickyOpener();

openDialog() {
    this._sticky.open({
        template: 'myTemplate',
        opener: this
    });
}

_beforeUnmount() {
    this._sticky.close();
}

Передача данных из всплывающего окна в родительский контрол

Читать подробнее.