EntityTableComponent
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:75
通用实体数据表格组件
基于 VTable 提供高性能表格渲染,支持:
- 单元格编辑(文本、开关、复选框、下拉)
- 剪贴板操作(Ctrl+C/V,TSV 格式)
- 拖拽排序
- 键盘导航(Enter 切换开关,Delete 清空单元格)
- 主题系统(daisyUI CSS 变量)
- 校验错误 tooltip
Implements
OnDestroyEntityTableHandle
Constructors
Constructor
new EntityTableComponent(): EntityTableComponent;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:138
Returns
EntityTableComponent
Properties
batchUpdated
readonly batchUpdated: OutputEmitterRef<BatchChangeItem[]>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:123
cellChanged
readonly cellChanged: OutputEmitterRef<CellChangeEvent>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:120
cellClearable
readonly cellClearable: InputSignal<((record, field) => boolean) | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:111
业务层回调判断单元格是否可清空(返回 false 跳过),替代领域特定的硬编码逻辑
cellErrorDetector
readonly cellErrorDetector: InputSignal<((record, field) => string | null) | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:108
cellTooltip
readonly cellTooltip: WritableSignal<
| {
content: string;
x: number;
y: number;
}
| null>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:131
columns
readonly columns: InputSignal<ColumnsDefine | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:103
headerHeight
readonly headerHeight: WritableSignal<number>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:132
iconClicked
readonly iconClicked: OutputEmitterRef<{
name: string;
record: EntityTableRecord;
}>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:122
idField
readonly idField: InputSignal<string>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:105
isDarkMode
readonly isDarkMode: InputSignal<boolean | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:104
loading
readonly loading: InputSignal<boolean>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:109
loadingMore
readonly loadingMore: InputSignal<boolean>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:115
加载更多中状态(已有数据,底部小 spinner,不拦截滚动)
loadMore
readonly loadMore: InputSignal<(() => void) | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:113
触底时加载更多数据的回调,由表格内部在滚动到底部时调用
nonClearableFields
readonly nonClearableFields: InputSignal<ReadonlySet<string>>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:106
records
readonly records: InputSignal<EntityTableRecord[]>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:102
rowDeleted
readonly rowDeleted: OutputEmitterRef<EntityTableRecord>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:121
rowDragEnabled
readonly rowDragEnabled: InputSignal<boolean>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:117
是否显示行拖动手柄,缺省 true;运行时切换即时生效(建表需开启 rowSeriesNumber.dragOrder)
rowMoved
readonly rowMoved: OutputEmitterRef<RowMoveEvent>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:126
单行拖放:被拖行与落点前后邻居(US-028)
rowReordered
readonly rowReordered: OutputEmitterRef<string[]>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:124
scrollNearBottom
readonly scrollNearBottom: OutputEmitterRef<void>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:127
sortClicked
readonly sortClicked: OutputEmitterRef<{
field: unknown;
order: unknown;
}>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:129
列头排序点击;业务层接管查询排序,表格不执行客户端排序
tableContainer
readonly tableContainer: Signal<ElementRef<HTMLDivElement> | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:99
tableOptions
readonly tableOptions: InputSignal<Partial<ListTableConstructorOptions> | undefined>;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:107
Accessors
tableInstance
Get Signature
get tableInstance(): ListTableAll | null;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:134
当前 VTable 表格实例;未初始化时为 null。
Returns
ListTableAll | null
当前 VTable 表格实例;未初始化时为 null。
Implementation of
EntityTableHandle.tableInstance
Methods
changeCellValue()
changeCellValue(
col,
row,
value
): void;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:198
从业务层回滚单元格值(校验失败时恢复原值)。 避免外部直接访问 tableInstance。
Parameters
| Parameter | Type |
|---|---|
col | number |
row | number |
value | unknown |
Returns
void
Implementation of
EntityTableHandle.changeCellValue
ngOnDestroy()
ngOnDestroy(): void;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:215
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
Returns
void
Implementation of
OnDestroy.ngOnDestroy
redrawTheme()
redrawTheme(): void;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:202
用当前暗色模式与 CSS 变量重绘主题。
Returns
void
Implementation of
restoreRecords()
restoreRecords(): void;
Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:209
把行恢复成最近一次交给表格的顺序(拖放被拒或落库失败时调用)。
Returns
void