CookBook

代入IM-BloomMaker的Action「变量中从一览数据已选择的」的使用方法

发表日:

此CookBook中,介绍了代入「变量中从一览数据已选择的」Action的使用方法。
代入「变量中从一览数据已选择的」Action,一览数据显示在对话框的画面,可从一览中选择的数据代入到任意参数。
实际制作的同时示例页面进行代入「变量中从一览数据已选择的」Action解说。

完成图片

是在此CookBook生成的示例页面。

动作内容如下所述。

  1. 点击「Open Dialog」按钮后,显示的一览数据对话框打开。
  2. 从一览选择数据后,会显示前的画面中所选择的数据。

完成示例

请使用下述链接下载完成示例。

请导入IM-BloomMaker的导入功能。
导入功能的详细信息请参照以下文档。

在示例包含的定义信息如下所述。

种类 定义名 补充说明
内容 im_cookbook_163551 是管理应用程序画面的定义信息。
路由表定义 im_cookbook_163551 是到应用程序画面访问时使用的定义信息。

食谱

此食谱介绍如何代入「变量中从一览数据已选择的使用」Action页面的创建方法。

  1. 登记内容类别
  2. 登记内容
  3. 进行设计编辑
  4. 登记路由表类别
  5. 登记路由表
  6. 执行画面中确认

登记内容类别

  1. 从「网站地图」,并单击「BloomMaker」-「内容一览」。
  2. 并单击「类别新建」。
  3. 如下设定,并单击「登记」按钮。
    • 类别ID:im_cookbook
    • 类别名:im_cookbook

登记内容

  1. 从「网站地图」,并单击「BloomMaker」-「内容一览」。
  2. 从内容树选择「im_cookbook」类别。
  3. 并单击「内容新建」。
  4. 如下设定,并单击「登记」按钮。

    • 类别ID:im_cookbook_163551
    • 类别名:im_cookbook_163551

进行设计编辑

  1. 选择前项中登记的内容。
  2. 点击「设计编辑」按钮。

变量的定义

一览数据的变量定义代入所选择的数据变量。

  1. 点击「变量」选项卡。
  2. 确认下拉列表的「变量」,来选择,并单击「JSON」图标。
  3. 「JSON编辑器」粘贴以下JSON,并单击「确定」按钮。

  4. 选择变量「resultData」的「date」,并单击「编辑」图标。

  5. 设定如下。
    • 值的类型:的日期时间
  6. 选择变量「listData」的「date」,并单击「编辑」图标。
  7. 设定如下。
    • 值的类型:的日期时间
  8. 选择「$variable」,并单击「JSON」图标。
  9. 「JSON编辑器」粘贴以下JSON,并单击「确定」按钮。

Action的创建

创建代入「变量中从一览数据已选择的」Action。

  1. 并单击「Action」选项卡。
  2. 并单击「生成」图标。
  3. 代入「变量中从一览数据已选择的」Action拖放中配置。
  4. 如下设定,并单击「确定」按钮。
    • Action名:item_select_action
    • 变量$variable.resultData
    • 一览数据$variable.listData
    • 列:
      列的键 列的显示字符串
      string StringColumn
      number NumberColumn
      date DateColumn
      boolean BooleanColumn

生成画面

  1. 从元件托盘,「布局(imui)」-「表单容器」拖放中配置。
  2. 选择「表单容器」的内侧「标题级别2」。
  3. 点击「属性」选项卡。
    • 「元素固有」属性设定如下。
      • textContent(固定值):Item Select
  4. 选择「表单容器」的内侧「输入表单用表」。
  5. 点击「属性」选项卡。
    • 「元素固有」属性设定如下。
      • rowCount(固定值):4
  6. 选择「输入表单用表」的第一个上的标题单元部分。
  7. 设定属性。
    • 「元素固有」属性设定如下。
      • align:left
      • textContent(固定值):string
  8. 用同样的步骤,设定其他的标题单元部分的属性。
    • 「元素固有」属性设定如下。
      • align:left
      • textContent(固定值):number
      • textContent(固定值):date
      • textContent(固定值):boolean
  9. 从元件托盘,「通用」-「标签」拖&放配置在「输入表单用表」的各数据单元部分。
  10. 选择已配置的第一个上的标签。
  11. 设定属性。
    • 「元素固有」属性设定如下。
      • textContent(变量值)$variable.result.string
  12. 用同样的步骤,设定其他的标签的属性。
    • 「元素固有」属性,设定如下。
      • textContent(变量值)$variable.result.number
      • textContent(变量值)$variable.result.date
      • textContent(变量值)$variable.result.boolean
  13. 从元件托盘,「布局」-「框」拖&放配置在「表单容器」的内侧,「标题级别2」的下面。
  14. 点击「属性」选项卡。

    • 「文本样式」属性设定如下。
      • 横向对齐:center
    • 「空白」属性设定如下。
      • 外空白(下):50px

  15. 从元件托盘,「表单部件(imui)」-「按钮」拖&放配置在「框」的内侧。
  16. 点击「属性」选项卡。

    • 「元素固有」属性设定如下。
      • value(固定值):Open Dialog
    • 「事件」属性设定如下。
      • 点击时:item_select_action

  17. 从工具栏点击「覆盖保存」图标,设计保存。

登记路由表类别

  1. 从「网站地图」,并单击「BloomMaker」-「路由表定义一览」。
  2. 并单击「类别新建」。
  3. 如下设定,并单击「登记」按钮。

    • 类别ID:im_cookbook
    • 类别名:im_cookbook

登记路由表

  1. 从「网站地图」,并单击「BloomMaker」-「路由表定义一览」。
  2. 从路由表树选择「im_cookbook」类别。
  3. 并单击「路由表定义一览」画面的「路由表新建」。
  4. 如下设定,并单击「登记」按钮。

    • 路由表ID:im_cookbook_163551
    • 内容:im_cookbook_163551
      点击检索按钮中选择「im_cookbook_163551」。
    • URL:im_cookbook/163551
    • 路由表名:im_cookbook_163551

  5. 登记完成后,并单击「许可URI」的「齿轮」图标。
  6. 「认可设置」画面中进行必要的许可设定。
    请参照以下文档许可设定的详细内容。
    设置intra-mart Accel Platform Tenant管理员操作指南-许可

执行画面中确认

  1. 显示设计进行了编辑操作的画面。
    「http://localhost:8080/imart/im_cookbook/163551」访问,确认画面显示。

    • Base URL为以下的部分请适当变更了与环境相符。
      http://localhost:8080/imart

  2. 并单击「Open Dialog」按钮。
    设计编辑时生成的Action「item_select_action」被执行,会显示对话框。
  3. 从一览数据选择以下数据。

    StringColumn NumberColumn DateColumn BooleanColumn
    value7 700 2019/07/07 true
    • 一览数据可字符串、数值、日期的筛选。
    • 不选择一览选择画面的数据关闭对话框时,变量的代入会被取消。

  4. 确认原画面中所选择的数据显示的。

-CookBook
-

执笔者:


comment

没有邮件地址被公开。 * 附栏必须项目

相关报道

no image

显示上一次的登录时间门户组件的生成方法

此食谱中,我来介绍一下显示上一次的登录时间门户组件的生成方法。具体来说,生成用于显示下述3个信息门户组件。上一次的登录时间上次登录时的IP广告…

no image

IM-LogicDesigner的IM-ContentsSearch内容登记任务使用例子

此CookBook介绍如何IM-LogicDesigner的IM-ContentsSearch内容登记任务的使用例子。在IM-BIS中生成的工作流的案件结束处理,画面项目…

no image

在IM-BIS多个选择框联动的使用方法

此CookBook中,通过选择框的选择结果,描述了筛选其他的选择框的选择方法。这种方法,可以IM-BIS引进环境中使用。IM-FormaDes…

no image

imuiListTable,在单元配置的图标从跳转到各画面的方法

此CookBook中,介绍了imuiListTable,在单元配置的图标从跳转到各画面的方法。关于imuiListTable的详细信息请参照API列表沉闷…

no image

从申请者的职位设定的处理对象

此Cookbook中,介绍一下从IM-Workflow2018Spring新追加的处理对象插件「逻辑流程(用户)」的设定方法。使用此功能和、申请…

还没有数据。

RSSRSSRSSRSS