Skip to content

属性配置

基本属性

视图基本属性,编码和名称是必填项。

view-prop

  • 编码,视图的编码。需要提供一个唯一的字符串。

  • 名称,视图显示的名称。

  • 分类,视图分类。在设计中心等页面分类显示。

  • 每页数量,每页显示的数据条数。

  • 显示标题,是否在顶部显示视图标题,即视图名称。

  • 自适应高,自适应页面高度。

  • 分页(上/下),是否显示上方/下方分页(注意页面中显示的分页数据并不是实际数据,在预览页面将根据实际情况显示)。

  • 缓存,是否开启缓存。

  • 状态,当前视图的状态。

  • 单/多选框类型,与 单/多选框列 配合使用,设定 单/多选框列 形状和功能。

  • 单/多选框列,选择某一列设置为选框列,与 单/多选框列 配合使用。

  • 脚本,添加视图预览页面所需要的脚本文件。

    script

    • 名称,用于其他脚本依赖,必须。
    • 前缀,可选 http://, https://, 根路径
    • 路径,脚本路径,请勿写文件后缀。
    • 依赖,此脚本依赖的其他脚本名称,按回车键添加多个依赖。
  • 样式,添加视图预览页面所需要的样式文件。

    style

    • 前缀,可选 http://, https://, 根路径
    • 路径,样式路径。
  • 流加载:异步逐页渲染列表数据。

    设置:视图属性中,将 自适应高分页(上)分页(下) 都关闭。

    解析效果:当数据较多时,设置每页显示15条数据。表格下方将显示"加载更多",当滚动条距离窗口底部50px时,将会异步加载下一页。若未出现滚动条,请单击"加载更多"。

字段属性

点击左侧或中部主面板区域的字段,右侧将切换到对应的视图字段的属性配置面板。

column-prop

视图字段具有的属性有:

  • 列名,当前字段列名。根据SQL语句执行结果得到的名字,不可更改。

  • 列标题,用于显示的字段列标题。

  • 对齐方式,提供三种对齐方式。

  • 固定列,将列固定到侧边。默认不固定,可选向左固定或向右固定。

  • 自定义显示,在视图预览界面,鼠标放到表头上单击右键,勾选复选框,可显示/隐藏列。

  • 点击排序,当点击列标题的时候是否对列进行重新排序。

  • 模糊搜索,在模糊搜索框中输入文本时是否对当前列进行搜索(当没有列配置模糊搜索时自动隐藏模糊搜索框)

  • 高级搜索,开启列高级搜索。

  • 搜索类型,高级搜索类型。提供4种高级搜索类型:

    • 分组
    • 字典
    • 日期
    • 组织机构
  • 上级分组,当选择 搜索类型 选择 分组 时,可设置 上级分组 ,上级分组的值为某一列,需要满足以下要求

    1. 列可用
    2. 列必须可以高级搜索
    3. 高级搜索类型为 分组
    4. 目标列的上级分组列以及更上级分组列不能为当前列。(如A的上级分组为B,B的上级分组为C,则C的上级分组列不能为A或B,同理B的上级分组不能为A) 打开 上级分组 的下拉框时系统会自动根据以上规则进行筛选。
  • 字典,当选择 搜索类型 选择 字典 时,可设置 字典 值,字典值只能选择有下级字典的值。

  • 列宽,显示的列的宽度,如200px。如果不填,则系统会根据当前页面大小,取得平均值。

  • 替换文本列表,用来替换显示的文本。 语法格式为:

    [原始文本=新文本]
    
    如果有多条,中间用 `;` 分隔:
    [原始文本1=新文本1];[原始文本2=新文本2]

    例如 gender 字段在数据库中存储的值为 01,需要显示为 ,则可以设定:

    [0=男];[1=女]
  • 替换作用范围,可选行或列。

    替换作用范围为 时:是对显示的列数据进行替换显示。例如:[0=男];[1=女]

    替换作用范围为 时:是对满足替换值的行添加CSS样式。例如:[0=color:#F00D0D];[1=color:#0DDCF0]

  • 事件,点击执行的事件。可调用依赖的脚本文件中的方法。

  • 备注,字段备注。

按钮属性

按钮列表显示在视图主面板区域的右上角:

button

点击主面板区域右上角 + 图标,可以添加按钮。点击按钮图标,右侧属性即可切换到对应的按钮属性配置。点击按钮图标右上角的 × 图标,可以删除此按钮。

button-prop

按钮具有的属性有:

  • 名称,显示名称。

  • 模板,系统提供了几种常用的按钮模板,可以直接选择。

  • 图标,在按钮名称前面显示的图标。

  • 风格,提供了4种风格样式,预览页面,鼠标放上去字体颜色才发生改变。

  • 属性,自定义属性,将被作为按钮的html属性。

    style 样式为JSON格式的字符串。例如:{"width":"100%","color":"#DDD"}

  • 事件,点击按钮时执行的代码。

  • 备注,按钮备注信息。