编辑器

编辑器是应用原始数据的基本单位,用于数据的输入与展示。

本部分使用下拉列表框编辑器(类别文件)、文本框编辑器(类别文件)作为说明对象,解释编辑器的构成单位以及构成内容。

构成单位

编辑器的构成单位分为以下 4 个部分

  • 编辑器样式 EDITOR.less.ftl
  • 默认编辑器标签 EDITOR.tsx.ftl
  • 行编辑标签 GRIDEIDTOR.tsx.ftl
  • 面板编辑标签 PANELEDITOR.tsx.ftl
  • 编辑器标识 template.properties

编辑器样式

编辑器样式用于丰富编辑器内容。

默认编辑器标签

默认编辑器标签,一般为表单、搜索表单的组成单位。

行编辑标签

行编辑标签,一般为多数据部件的组成单位。

面板编辑标签

面板编辑标签,一般为面板部件的组成单位。

编辑器标识

EDITORTYPE=******

EDITORTYPE 是编辑器类型,****** 是编辑器标识名称,属于 IBizSys 模型预置。

构成内容

不同的编辑器使用场景,发布不同的标签。

示例

下拉列表框

下拉列表框编辑器使用了 iIVew 提供 Select 选择器。
此处介绍默认编辑器标签和编辑器标识。

默认编辑器标签:

 <dropdown-list v-model={this.data.${item.name}}  disabled={this.detailsModel.${item.name}.disabled}  <#if item.getPSCodeList()??><#assign codelist=item.getPSCodeList()>tag='${codelist.getSystemTag()}_${codelist.codeName}'</#if> placeholder=<#if item.getPlaceHolder()??>'${item.getPlaceHolder()}'<#else>'请选择...'</#if> style="${item.getEditorCssStyle()}"></dropdown-list>

编辑器标识:

EDITORTYPE=DROPDOWNLIST

文本框

默认编辑器标签:

<input-box v-model={this.data.${item.name}}  on-enter={($event: any) => this.onEnter($event)} disabled={this.detailsModel.${item.name}.disabled} type='<#if item.getPSDEField()??><#assign datatype=srfjavatype(item.getPSDEField().getStdDataType())><#if datatype=='BigInteger' || datatype=='Integer' || datatype=='Double'>number<#else>string</#if><#else>string</#if>' <#if item.getPlaceHolder()??> placeholder={'${item.getPlaceHolder()}'}</#if> style="${item.getEditorCssStyle()}"></input-box>

编辑器标识:

EDITORTYPE=TEXTBOX

results matching ""

    No results matching ""