PC端

表格

每页显示XX条数据

同步到客户端自定义配置-每页显示XX条数据,用户在客户端修改自定义配置-每页显示XX条数据后，不会同步到字段属性的设置

展示效果图

列表

• 高级开发人员可在高级选项侧边栏通过修改HTML片段自定义列表内容、样式
• 鼠标移动到列表字段内容上，弹出选项卡操作：样式中 加粗、斜体、下滑线；追加字段;其他中前缀、后缀等操作只在除表格的其他交互模式中有，前缀、后缀支持@公式且只在运行时解析
• 其它属性配置同表格的相关配置

点击列表内容，出现向下添加内容、上移、下移、拆分两列、关闭等操作,这些操作在卡片、时间轴、日历模式下也是支持的

● 一行中已有两列或多列时，不支持拆分两列的操作
● 列表、卡片、时间轴等除表格外的交互风格不支持分页，只显示切换到表格时设置的每页显示的数据

展示效果图

卡片

• 可以配置列卡片的宽度
• 高级开发人员可通过修改HTML片段自定义卡片内容、样式

卡片的宽度设置只是一个基础的宽度分配，按基础的宽度分配后，列还有剩余宽度系统会自动平均分配到每个卡片上，最终卡的实际宽度不一定与设置的卡片宽度一致

展示效果图

时间轴

• 高级开发人员可通过修改HTML片段自定义展示内容、样式

建议在配置数据源字段列表中设置日期字段的排序规则

展示效果图

日历(表格/列表/卡片/时间轴)

日历模式不能单独使用，需配合表格、列表、卡片或时间轴联合使用。

• 必需配置一个日期字段与日历关联，展示时将自动按该日期字段在日历中切换过滤
• 其它属性配置同表格、列表、卡片、时间轴的相关配置

展示效果图

日历表格	日历列表
日历卡片	日历时间轴

导航树

• 鼠标划动到展示导航的区域中间，会显示"添加"的操作
• 点击"添加"，弹出配置框

固定值

配置详见配置查询条件-范围查询-固定值

范围值

配置详见配置查询条件-范围查询-范围值

常规SQL

配置详见配置查询条件-范围查询-常规SQL

树形SQL

过滤条件是单一字段，值由可构建层级关系SQL结果集匹配。

参考值配置

• 节点图标 可自由设计图标，图标由iconFontCode,iconFontColor两部分组成
• 子节点图标 同上
• 节点文字样式 一个CSS样式名，该样式需在文件中定义，并通过引入外部资源引入
• 子节点文本样式 一个CSS样式名，该样式需在文件中定义，并通过引入外部资源引入
• 单击事件 单击树节点触发的事件名称
• 单击事件调用 合法的JavaScript函数
• 过滤事件 实现com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface接口的类，示例：

import java.sql.ResultSet;
import java.sql.SQLException;

import com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface;
import com.actionsoft.bpms.server.UserContext;

public class DataWindowTreeSqlFIlterEvent implements DataWindowTreeFilterEventInterface {

  /**
   * 树的节点过滤方法
   * @param me  用户上下文
   *  @param rs 数据集
   * @return 返回 true 过滤掉此数据
   * 说明：
   * 1.必须实现类 com.actionsoft.bpms.dw.design.event.DataWindowTreeFilterEventInterface
   * 2.此示例实现的是 : 过滤掉测试部门
   */
  public boolean treeSqlFilter(UserContext me, ResultSet rs) {
    String name = "";
    boolean f = false;
    try {
      name = rs.getString("departmentname");
      if (name.equals("测试部门")) {
        f = true;
      }
    } catch (SQLException e) {
      e.printStackTrace();
    }
    return f;
  }

}

展示效果图