本文整理匯總了TypeScript中ag-grid-community/main.Component類的典型用法代碼示例。如果您正苦於以下問題:TypeScript Component類的具體用法?TypeScript Component怎麽用?TypeScript Component使用的例子?那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Component類的4個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: createNorthPanel
private createNorthPanel(): HTMLElement {
let topPanelGui = document.createElement('div');
let dropPanelVisibleListener = this.onDropPanelVisible.bind(this);
this.rowGroupComp = this.rowGroupCompFactory.create();
this.pivotComp = this.pivotCompFactory.create();
topPanelGui.appendChild(this.rowGroupComp.getGui());
topPanelGui.appendChild(this.pivotComp.getGui());
this.rowGroupComp.addEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
this.pivotComp.addEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
this.addDestroyFunc(() => {
this.rowGroupComp.removeEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
this.pivotComp.removeEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
});
this.onDropPanelVisible();
return topPanelGui;
}
示例2:
this.addDestroyFunc(() => {
this.rowGroupComp.removeEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
this.pivotComp.removeEventListener(Component.EVENT_VISIBLE_CHANGED, dropPanelVisibleListener);
});
示例3: onRowGroupChanged
private onRowGroupChanged(): void {
if (!this.rowGroupComp) {
return;
}
let rowGroupPanelShow = this.gridOptionsWrapper.getRowGroupPanelShow();
if (rowGroupPanelShow === Constants.ALWAYS) {
this.rowGroupComp.setVisible(true);
} else if (rowGroupPanelShow === Constants.ONLY_WHEN_GROUPING) {
let grouping = !this.columnController.isRowGroupEmpty();
this.rowGroupComp.setVisible(grouping);
} else {
this.rowGroupComp.setVisible(false);
}
}
示例4: onDropPanelVisible
private onDropPanelVisible(): void {
let bothVisible = this.rowGroupComp.isVisible() && this.pivotComp.isVisible();
this.rowGroupComp.addOrRemoveCssClass('ag-width-half', bothVisible);
this.pivotComp.addOrRemoveCssClass('ag-width-half', bothVisible);
}