CSS для заголовка окна после использования setTitle в Extjs - PullRequest
Новая
       10

CSS для заголовка окна после использования setTitle в Extjs

0 голосов
/ 05 мая 2020

У меня есть требование, в котором мне нужно показать заголовок окна ext js в качестве фрагмента кода ниже. И это Dynami c означает, что мне нужно показать это после использования setTitle () для окна. Поделитесь своими идеями, если таковые имеются. 

body {
  background-color: #47d1da;}
p {
  color: white;
  font: 300 4em/150% Impact;
  text-align: center;}


/* loading dots */

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}}
<p class="loading">Login in progress</p>

Ответы [ 2 ]

0 голосов
/ 07 мая 2020

Спасибо всем, кто подсказал свои ответы. Я смог добиться этого, используя приведенные ниже строки кода. window.header.setTitle (); window.header.getTitle (). addCls () эти строки работали для меня.

0 голосов
/ 05 мая 2020

Вы можете использовать set cls следующим образом: 

Ext.define('Fiddle.MyWin',{
extend:'Ext.window.Window',
title : 'Initial title',
xtype:'myWin',
width:200,
height:300,
initComponent:function(){
    this.callParent();
    this.setTitle({
        cls : 'testTitle',
        text : 'Changed'
    });
}})

Также вы можете найти рабочий пример здесь https://fiddle.sencha.com/#view / editor & fiddle / 35ns

...