跳到主要内容

TagsEditor

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:16

标签(数组)输入编辑器

浮层显示标签芯片 + 输入框,适合编辑 stringArray / numberArray 类型。

  • Enter 或逗号:添加当前输入为新标签
  • Backspace(输入框为空时):移除最后一个标签
  • 点击 × :移除对应标签
  • Escape:取消(恢复原始标签)
  • 点击外部 / Tab:提交当前输入(若有内容)并关闭

数字模式下(TagsMode='number')仅接受有效数字。

Implements​

  • IEditor<unknown>

Constructors​

Constructor​

new TagsEditor(mode?): TagsEditor;

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:25

创建标签编辑器

Parameters​

ParameterTypeDescription
mode?TagsMode标签模式,'string'(默认)或 'number'

Returns​

TagsEditor

Properties​

editorType​

readonly editorType: string;

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:19

VTable 编辑器类型标识(注册到 VTable 的编辑器名)

Methods​

getValue()​

getValue(): string[] | number[];

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:29

返回标签数组;number 模式下返回数字数组

Returns​

string[] | number[]

Implementation of​

IEditor.getValue

isEditorElement()​

isEditorElement(el): boolean;

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:33

判断目标元素是否位于本编辑器浮层内

Parameters​

ParameterType
elEventTarget | HTMLElement

Returns​

boolean

Implementation of​

IEditor.isEditorElement

onEnd()​

onEnd(): void;

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:31

移除浮层并解绑全局点击事件

Returns​

void

Implementation of​

IEditor.onEnd

onStart()​

onStart(ctx): void;

Defined in: packages/rxdb-model/dist/entity-table/editors/tags-editor.d.ts:27

弹出标签编辑浮层,从单元格值解析初始标签并绑定交互事件

Parameters​

ParameterType
ctxEditContext<unknown>

Returns​

void

Implementation of​

IEditor.onStart