EasyGrid class
- bodyCellContainerDiv
- bodyDiv
- bodyViewportDiv
- columns
- cssPrefix
- dataTable
- eventEmitter
- footerDiv
- footerPaginateDiv
- headerCellContainerDiv
- headerDiv
- headerRowDiv
- headerViewportDiv
- rootDiv
- slot
- tableCss
- addEventListener
- clear
- destroy
- ensureRowVisibility
- fireEvent
- focus
- getColumns
- getData
- refresh
- removeEventListener
- setData
- clearDOM
- getGlobalIndexByLocal
- getLocalIndexByGlobal
- hasData
- hideProgress
- init
- render
- renderAddColumnButton
- renderBody
- renderCell
- renderColumnHeader
- renderFooter
- renderHeader
- renderPageInfoBlock
- renderPageNavigator
- renderRow
- showProgress
- updateHeight
Constructors
Section titled “Constructors”constructor
Section titled “constructor”⊕ new EasyGrid(options: EasyGridOptions): EasyGrid
Parameters:
Section titled “Parameters:”- options: EasyGridOptions
Public Properties
Section titled “Public Properties”cellRendererStore
Section titled “cellRendererStore”● cellRendererStore: GridCellRendererStore
options
Section titled “options”● options: EasyGridOptions
Protected Properties
Section titled “Protected Properties”bodyCellContainerDiv
Section titled “bodyCellContainerDiv”● bodyCellContainerDiv: HTMLDivElement
bodyDiv
Section titled “bodyDiv”● bodyDiv: HTMLDivElement
bodyViewportDiv
Section titled “bodyViewportDiv”● bodyViewportDiv: HTMLDivElement
columns
Section titled “columns”● columns: GridColumnList
cssPrefix
Section titled “cssPrefix”● cssPrefix: string = "keg"
dataTable
Section titled “dataTable”● dataTable: EasyDataTable
eventEmitter
Section titled “eventEmitter”● eventEmitter: EventEmitter
footerDiv
Section titled “footerDiv”● footerDiv: HTMLDivElement
footerPaginateDiv
Section titled “footerPaginateDiv”● footerPaginateDiv: HTMLDivElement
headerCellContainerDiv
Section titled “headerCellContainerDiv”● headerCellContainerDiv: HTMLDivElement
headerDiv
Section titled “headerDiv”● headerDiv: HTMLDivElement
headerRowDiv
Section titled “headerRowDiv”● headerRowDiv: HTMLDivElement
headerViewportDiv
Section titled “headerViewportDiv”● headerViewportDiv: HTMLDivElement
rootDiv
Section titled “rootDiv”● rootDiv: HTMLDivElement
● slot: HTMLElement
tableCss
Section titled “tableCss”● tableCss?: string
Public Accessors
Section titled “Public Accessors”activeRowIndex
Section titled “activeRowIndex”⇄ get activeRowIndex(): number
Returns number
⇄ set activeRowIndex(value: number): void
Parameters:
Section titled “Parameters:”- value:
number
Returns void
Public Methods
Section titled “Public Methods”addEventListener
Section titled “addEventListener”▸ addEventListener(eventType: "init",handler: () => void): string
Parameters:
Section titled “Parameters:”- eventType:
"init" - handler: () =>
void
Returns string
▸ addEventListener(eventType: "rowClick",handler: (ev: RowClickEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"rowClick" - handler: (ev: RowClickEvent) =>
void
Returns string
▸ addEventListener(eventType: "rowDbClick",handler: (ev: RowClickEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"rowDbClick" - handler: (ev: RowClickEvent) =>
void
Returns string
▸ addEventListener(eventType: "pageChanged",handler: (ev: PageChangedEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"pageChanged" - handler: (ev: PageChangedEvent) =>
void
Returns string
▸ addEventListener(eventType: "addColumnClick",handler: (ev: AddColumnClickEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"addColumnClick" - handler: (ev: AddColumnClickEvent) =>
void
Returns string
▸ addEventListener(eventType: "columnChanged",handler: (ev: ColumnChangedEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"columnChanged" - handler: (ev: ColumnChangedEvent) =>
void
Returns string
▸ addEventListener(eventType: "columnMoved",handler: (ev: ColumnMovedEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"columnMoved" - handler: (ev: ColumnMovedEvent) =>
void
Returns string
▸ addEventListener(eventType: "columnDeleted",handler: (ev: ColumnDeletedEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"columnDeleted" - handler: (ev: ColumnDeletedEvent) =>
void
Returns string
▸ addEventListener(eventType: "activeRowChanged",handler: (ev: ActiveRowChangedEvent) => void): string
Parameters:
Section titled “Parameters:”- eventType:
"activeRowChanged" - handler: (ev: ActiveRowChangedEvent) =>
void
Returns string
▸ clear(): void
Returns void
destroy
Section titled “destroy”▸ destroy(): void
Returns void
ensureRowVisibility
Section titled “ensureRowVisibility”▸ ensureRowVisibility(rowOrIndex: HTMLElement | number): void
Parameters:
Section titled “Parameters:”- rowOrIndex:
HTMLElement|number
Returns void
fireEvent
Section titled “fireEvent”▸ fireEvent(event: GridEvent | GridEventType): void
Parameters:
Section titled “Parameters:”- event: GridEvent |
GridEventType
Returns void
▸ focus(): void
Returns void
getColumns
Section titled “getColumns”▸ getColumns(): GridColumnList
Returns GridColumnList
getData
Section titled “getData”▸ getData(): EasyDataTable
Returns EasyDataTable
refresh
Section titled “refresh”▸ refresh(): void
Returns void
removeEventListener
Section titled “removeEventListener”▸ removeEventListener(eventType: string,handlerId: string): void
Parameters:
Section titled “Parameters:”- eventType:
string - handlerId:
string
Returns void
setData
Section titled “setData”▸ setData(data: EasyDataTable): void
Parameters:
Section titled “Parameters:”- data: EasyDataTable
Returns void
Protected Methods
Section titled “Protected Methods”clearDOM
Section titled “clearDOM”▸ clearDOM(): void
Returns void
getGlobalIndexByLocal
Section titled “getGlobalIndexByLocal”▸ getGlobalIndexByLocal(index: number): number
Parameters:
Section titled “Parameters:”- index:
number
Returns number
getLocalIndexByGlobal
Section titled “getLocalIndexByGlobal”▸ getLocalIndexByGlobal(index: number): number
Parameters:
Section titled “Parameters:”- index:
number
Returns number
hasData
Section titled “hasData”▸ hasData(): boolean
Returns boolean
hideProgress
Section titled “hideProgress”▸ hideProgress(): void
Returns void
▸ init(options: EasyGridOptions): void
Parameters:
Section titled “Parameters:”- options: EasyGridOptions
Returns void
render
Section titled “render”▸ render(): void
Returns void
renderAddColumnButton
Section titled “renderAddColumnButton”▸ renderAddColumnButton(): HTMLElement
Returns HTMLElement
renderBody
Section titled “renderBody”▸ renderBody(): void
Returns void
renderCell
Section titled “renderCell”▸ renderCell(column: GridColumn,colIndex: number,value: any,rowElement: HTMLElement): HTMLDivElement
Parameters:
Section titled “Parameters:”- column: GridColumn
- colIndex:
number - value:
any - rowElement:
HTMLElement
Returns HTMLDivElement
renderColumnHeader
Section titled “renderColumnHeader”▸ renderColumnHeader(column: GridColumn,index: number): HTMLElement
Parameters:
Section titled “Parameters:”- column: GridColumn
- index:
number
Returns HTMLElement
renderFooter
Section titled “renderFooter”▸ renderFooter(): void
Returns void
renderHeader
Section titled “renderHeader”▸ renderHeader(): void
Returns void
renderPageInfoBlock
Section titled “renderPageInfoBlock”▸ renderPageInfoBlock(): HTMLDivElement
Returns HTMLDivElement
renderPageNavigator
Section titled “renderPageNavigator”▸ renderPageNavigator(): HTMLDivElement
Returns HTMLDivElement
renderRow
Section titled “renderRow”▸ renderRow(row: DataRow,index: number): HTMLDivElement
Parameters:
Section titled “Parameters:”- row: DataRow
- index:
number
Returns HTMLDivElement
showProgress
Section titled “showProgress”▸ showProgress(): void
Returns void
updateHeight
Section titled “updateHeight”▸ updateHeight(): Promise<void>
Returns Promise<void>