跳到主要内容

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​

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​

ParameterType
colnumber
rownumber
valueunknown

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​

EntityTableHandle.redrawTheme


restoreRecords()​

restoreRecords(): void;

Defined in: packages/rxdb-model-angular/src/entity-table/entity-table/entity-table.component.ts:209

把行恢复成最近一次交给表格的顺序(拖放被拒或落库失败时调用)。

Returns​

void

Implementation of​

EntityTableHandle.restoreRecords