| Info | ||
|---|---|---|
| ||
Make sure that you have first completed the previous tutorial - Designing a Form请确保您已完成之前的课程 - 设计1个表单 |
| Widget Connector | ||||
|---|---|---|---|---|
|
- In the App design page, click on the Create New Datalist button along the top在应用设计页面, 点击顶部 创建新列表 按钮.
Key in the details of the new list输入列表信息.
Name名称 Description说明 ID Unique 列表唯一识别 ID to represent this entity.
Info title Naming convention 开发过程中建议使用统一的命名规范，以便于后续维护.
此字段建议使用驼峰命名法.
例如
A standard naming convention is highly recommended to be used across the development of your App to maintain consistency and ease maintenance works.
Camel case naming convention is recommended for this field.
Example: travelRequestList
名称(Name) Name to represent this entity列表名称.
Info title Example Travel Request List
说明(Description) Entity description 列表说明 (OPTIONAL非必填) 复制列表 您可以选择从一个已有的列表克隆一个新列表 Duplicate Datalist from With the above information filled up, one can choose to clone the design from existing datalist entity. - Click on Save to save the list and launch the Dataist Builder in a new window. If your browser blocks the popup, click on the list name to launch it.
- 点击 保存 打开 列表设计器 窗口. 如果您的浏览器禁止了弹窗, 请点击表单名称打开它.
- 第一步先选择 数据源 页面. 这里, 您可以选择不同的绑定器(Binders) 来获取数据The first step in the List Builder is the Source page. Here, you can select the source of the data, called Binders.
- Select Form Data Binder. This binder populates a list based on data captured from Joget forms. Once you select the binder, choose a form then click OK at the bottom选择 表单绑定器. 该绑定器将基于表单对应的数据表获取数据. 选择该绑定器后, 进一步选择表单点击底部的 确定 按钮.
- This brings you to the Design page. Here, all available columns provided by the binder are listed in the palette on the left. Drag the desired columns into the canvas in the middle在列表设计界面. 左侧面板显示了通过绑定器获得的数据字段. 拖拽需要的字段到中间画布区域.
- 悬浮鼠标在字段列上将显示 编辑 和 删除 选项. 点击编辑修改表属性.
- 在任何时候, 您可以通过顶部 预览 按钮预览列表.
- 一旦完成列表设计, 点击顶部的 保存 按钮得到保存成功的提示后, 您可以继续设计或关闭列表设计器When you hover over a column, buttons appear giving you options to edit or delete the column. Clicking on Properties opens a Property Editor showing properties that you can modify.
At any time, you may preview the list by clicking on the large Preview button at the top.
Once you have finished designing the list, click on the large Save button at the top and you will receive confirmation that the list is saved. You may then continue to design the list, or close the List Builder window.