CX JS - вставка html в свойство title окна - PullRequest
Новая
       10

CX JS - вставка html в свойство title окна

0 голосов
/ 07 июня 2018

Можно ли вставить html-контент в заголовок компонента окна в CX вместо строки?Мне нужно настроить содержимое заголовка моего окна.

Ответы [ 2 ]

0 голосов
/ 07 июня 2018

Другой вариант - использовать свойство header.Таким образом, вы также можете создавать собственные заполнители содержимого в заголовке: 

    <Window
        header={(
            <cx>
                <FlexRow align="center" style="width: 100%;">
                    <span>Title</span>
                    <div style="flex: 1 1 0%" />
                    <ContentPlaceholder name="header-tools" />
                </FlexRow>
            </cx>
        )}
    >
        <LookupField 
            putInto="header-tools"
            style="width: 220px;"   
            mod="header-tool"             
            value-bind="classificationId" 
            options-bind="classifications"
        />
        Window content
    </Window>
0 голосов
/ 07 июня 2018

Это так.Вот пример того, как поставить дополнительные кнопки в шапке: 

import { Button, FlexRow, Heading, HtmlElement, Window } from "cx/widgets";

export const App = (
  <cx>
    <div>
      <Window bodyStyle="padding: 1rem">
        <FlexRow putInto="header" spacing align="center">
          <Heading level={4}>My Title</Heading>
          <div style="flex: 1" />
          <Button mod="hollow" icon="search" />
        </FlexRow>
        Window Contents
      </Window>
    </div>
  </cx>
);

https://fiddle.cxjs.io/?f=oydjHF84

...