Увеличение заголовка окна JqxDocking - PullRequest
Новая
       38

Увеличение заголовка окна JqxDocking

0 голосов
/ 02 марта 2019

Я просматривал документацию для компонента JqxDocking Angular, расположенную здесь: https://www.jqwidgets.com/angular-components-documentation/documentation/jqxdocking/angular-docking-api.htm?search=

Я пытался найти средство для динамического редактирования контейнеров в компоненте JqxDocking

ПроблемаВ настоящее время у меня есть то, что окно не может иметь заголовок, которому присвоено свойство. 

<div>{{title}}</div>

, что создает проблемы, когда дело доходит до локализации.Я не могу абстрагироваться от строки, чтобы сказать: 

<div>{{ title | translate }}</div>

Ниже приведен пример, с которым я работал. 

<jqxDocking #docking [orientation]='"horizontal"' [width]="'100%'" [mode]="'docked'" [theme]="'dark'">
    <div> <!-- 1ST column -->
        <div id="window1" style="height: 270px;">
            <div>My Title!</div>
            <div>Sample Content!</div>
        </div>
    </div>
</jqxDocking>

Приведенный выше пример отображает небольшой контейнер.Проблема, с которой я столкнулся, как я сказал, была локализация.Так что я хотел бы либо присвоить его свойству, либо перевести его с помощью канала, он не будет работать. 

class MyComponent implements OnInit {
    title: string = "My Title"
    @ViewChild('docking') jqxDocking: jqxDockingComponent;
    constructor(private translate: TranslationService){}
    ngOnInit(){}
}

и в разметке обновится с <div>My Title!</div> до <div>{{title}}</div>

Кажется, что может происходить то, что компонент стыковки использует информацию о нагрузке, но никогда не подписывается ни на что, поэтому, как только она установлена, она установлена.

Это не работает для меня, какМне нужно, чтобы он был более динамичным.

Я надеялся, что есть свойство, которое я мог бы использовать, или такой метод, чтобы я мог искать и дополнять используемый в настоящее время Windows JqxDocking.

Имееткто-нибудь сталкивался с подобным и как вы его решили?

1 Ответ

0 голосов
/ 05 марта 2019

Поскольку требуется структура Dom, вы не сможете добавлять компоненты, так же как и директивы add, так как компонент будет корректировать dom.

Хотя для каждого компонента я создал setter /getter для входной строки заголовка. 

@Input() set title (value : string){
  this._title = value;
  this._setText();
}
get title () { return this._title; }
_title: string = "";

private _setText() {
  this.host.nativeElement.children[0].textContent = this.translate.instant(this._title);
}

constructor(private host: ElementRef, private translate: TranslateService) { }

Таким образом, корректное местоположение обновляется, и это происходит всякий раз, когда изменяется заголовок.

...