跳到主要内容

TagsEditor

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:21

标签（数组）输入编辑器

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

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

数字模式下（TagsMode='number'）仅接受有效数字。

Implements​

  • IEditor<unknown>

Constructors​

Constructor​

new TagsEditor(mode?): TagsEditor;

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:39

创建标签编辑器

Parameters​

ParameterTypeDefault valueDescription
modeTagsMode'string'标签模式，'string'（默认）或 'number'

Returns​

TagsEditor

Properties​

editorType​

readonly editorType: string;

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:32

VTable 编辑器类型标识（注册到 VTable 的编辑器名）

Methods​

getValue()​

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

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:154

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

Returns​

string[] | number[]

Implementation of​

IEditor.getValue

isEditorElement()​

isEditorElement(el): boolean;

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:167

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

Parameters​

ParameterType
elHTMLElement | EventTarget

Returns​

boolean

Implementation of​

IEditor.isEditorElement

onEnd()​

onEnd(): void;

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:162

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

Returns​

void

Implementation of​

IEditor.onEnd

onStart()​

onStart(ctx): void;

Defined in: packages/rxdb-model/src/entity-table/editors/tags-editor.ts:45

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

Parameters​

ParameterType
ctxEditContext<unknown>

Returns​

void

Implementation of​

IEditor.onStart