CookBook

Usage of action "is substituted those selected from the list data to the variable" of IM-BloomMaker

Posting Date:

In this lesson, we will show how to use of "is substituted those selected from the list data to the variable" action.
"is substituted those selected from the list data to the variable" Action, list data is displayed on the screen of the dialog, data can be selected from the list is substituted to the arbitrary variable.
Will be explained "is substituted those selected from the list data to the variable" action actually by creating a sample screen.

Completion Image

Is a sample screen that is created in this lesson.

Operation contents are as follows:

  1. "Open Dialog" When you click the button, a dialog is displayed listing data opens.
  2. If you select data from list is created from the selected to the previous screen will be displayed.

Finished Example

Take advantage download and the following and it will be complete. sample.

Please import from the import function of IM-BloomMaker.
Please refer to the following documents for the details of import function.

Definition information included in the sample are as follows:

Type Definition name Birdseed
Contents im_cookbook_163551 Is definition information to manage the application screen.
Routing definition im_cookbook_163551 Is definition information to be used when you access to the application screen.

Recipe

In this recipe we will introduce how to make a screen to be used "is substituted those selected from the list data to the variable" action.

  1. To be registered content categories
  2. To be registered contents
  3. Design edit
  4. Registering Routing category
  5. Registering Routing
  6. To check in the execution screen

To be registered content categories

  1. "site map" From, and then click "bloomMaker" - "content list".
  2. "create new category" Click.
  3. Set as shown below, and click "registration" button.
    • Category ID: im_cookbook
    • Category name: im_cookbook

To be registered contents

  1. "site map" From, and then click "bloomMaker" - "content list".
  2. Select "im_cookbook" category from the content tree.
  3. "contents new creation" Click.
  4. Set as shown below, and click "registration" button.

    • Category ID: im_cookbook_163551
    • Category name: im_cookbook_163551

Design edit

  1. Select the content which has been registered in the previous section.
  2. "edit design" Click the button.

Variable Definition

Variable of list data and, define the variable for which you want the selected data.

  1. "variable" Click the tab.
  2. Confirm that "variable" of the pull-down is selected, and then click "JSON" icon.
  3. "JSON editor" The following JSON and pasted on, click the "OK" button.

  4. Select "date" of variable "resultData" and click "edit" icon.

  5. And do the settings shown below.
    • Type: date and time of value
  6. Select "date" of variable "listData" and click "edit" icon.
  7. And do the settings shown below.
    • Type: date and time of value
  8. "$variable" The selection, click "JSON" icon.
  9. "JSON editor" The following JSON and pasted on, click the "OK" button.

Creation of Action

"is substituted those selected from the list data to the variable" Create the action.

  1. "action" Click the tab.
  2. "creation" Click the icon.
  3. "is substituted those selected from the list data to the variable" Is placed by drag and drop actions.
  4. Set as shown below, and click "OK" button.
    • Action name: item_select_action
    • Variable: $variable.resultData
    • List data: $variable.listData
    • Column:
      Key of column Display strings in the column
      string StringColumn
      number NumberColumn
      date DateColumn
      boolean BooleanColumn

Creation of the screen

  1. From the element pallet, and place by drag and drop "layout (imui) " - "form container".
  2. "form container" Select "headline level 2" on the inside of.
  3. "property" Click the tab.
    • "element unique" Property is set in the following manner.
      • TextContent (fixed value): Item Select
  4. "form container" Select "input form for table" on the inside of.
  5. "property" Click the tab.
    • "element unique" Property is set in the following manner.
      • RowCount (fixed value): 4
  6. "input form for table" Select the top heading cell part of.
  7. Set the properties.
    • "element unique" Property is set in the following manner.
      • align:left
      • TextContent (fixed value): string
  8. Use the same procedure to set other header cell part properties.
    • "element unique" Property is set in the following manner.
      • align:left
      • TextContent (fixed value): number
      • TextContent (fixed value): date
      • TextContent (fixed value): boolean
  9. From the element palette, "general Purpose" - "label" is placed by drag and drop to each data cell part of the "input form for table".
  10. Select the label at the top that you placed.
  11. Set the properties.
    • "element unique" Property is set in the following manner.
      • TextContent (variable value): $variable.result.string
  12. Use the same procedure to set other label properties.
    • "element unique" Property, and do the settings shown below.
      • TextContent (variable value): $variable.result.number
      • TextContent (variable value): $variable.result.date
      • TextContent (variable value): $variable.result.boolean
  13. From the element palette, "layout" - "box" is placed by drag and drop inside the "form container", under the "headline level 2".
  14. "property" Click the tab.

    • "text style" Property is set in the following manner.
      • Horizontal alignment: center
    • "margin" Property is set in the following manner.
      • Outside margin (below): 50 px

  15. From the element palette, "form parts (imui) " - "button" is placed by drag and drop inside the "box".
  16. "property" Click the tab.

    • "element unique" Property is set in the following manner.
      • Value (fixed value): Open Dialog
    • "event" Property is set in the following manner.
      • On click: item_select_action

  17. And save the design and click "save" icon from the toolbar.

Registering Routing category

  1. "site map" From, and then click "bloomMaker" - "routing definition list".
  2. "create new category" Click.
  3. Set as shown below, and click "registration" button.

    • Category ID: im_cookbook
    • Category name: im_cookbook

Registering Routing

  1. "site map" From, and then click "bloomMaker" - "routing definition list".
  2. Select "im_cookbook" category from the routing tree.
  3. "routing definition list" Click "routing new creation" of the screen.
  4. Set as shown below, and click "registration" button.

    • Routing ID: im_cookbook_163551
    • Content: im_cookbook_163551
      Click the search button, and then select the "im_cookbook_163551".
    • URL:im_cookbook/163551
    • Routing name: im_cookbook_163551

  5. Registration after the completion, click the "gear" icon of "authorization URI".
  6. "authorization Setting" Make the necessary authorization setting on the screen.
    Please refer to the following documents for the details of authorization setting.
    Set intra-mart Accel Platform Tenant Administrator Operations Guide-authorization

To check in the execution screen

  1. Display the screen is made design editing.
    "http://localhost:8080/imart/im_cookbook/163551" Access to, and confirm that screen is displayed.

    • Replace the following base URL for your local environment.
      http://localhost:8080/imart

  2. "Open Dialog" Click the button.
    Action "item_select_action" which was created in the design while editing is executed, and the dialog is displayed.
  3. Select the following data from list data.

    StringColumn NumberColumn DateColumn BooleanColumn
    value7 700 2019/07/07 true
    • List data can be filtering by text, number, and date.
    • If you close the dialog without selecting a data of Select from list screen, Variable substitution will be canceled.

  4. Ensure that the data is selected to the previous screen is displayed.

-CookBook
-

Author:


comment

Field that does not mail address is published. * is attached is required item

Related article

no image

IM-ContentsSearch content registration task using example of IM-LogicDesigner

In this lesson, we will show examples of use of IM-ContentsSearch content registration task of IM-LogicDesigner. In Matter end process of workflow created in IM-BIS, the screen items…

no image

How to retrieve rows the data multiple selected in imuiListTable

In this lesson, we will show how to retrieve rows the data multiple selected in imuiListTable. For more information about imuiListTable, please refer to the API documentation. [imuiLi…

no image

How to create a registration form by script development

In this series, we will show you the useful tips for creating a registration form by script development. The contents entered in Part 2: form that you want to create a registration form by Part 1: Script Development registered in database…

no image

How to create a flow approval cannot be performed a particular date which was set in application screen to

Screen that in this Cookbook demonstrates the creation of a flow approval cannot be performed a particular date which was set in application screen. using the Display mode conversion of actions settings, display flag of approval button is switched before and after the approvable DAY…?

no image

How to Developers who new to intra-mart will initially "Hello world!" by e Builder

e Builder, developers who is a development supportive tool for building an application working on intra-mart Accel Platform. In this lesson, new to intra-mart…

There is no data yet.

RSSRSSRSSRSS