Dorado 9 : 5.3.1.1 创建视图并添加控件

步骤1:在com.bstek.dorado.sample.standardlesson.junior.contacts目录下新建View,将View命名为AllContacts.view.xml。

 

步骤2:新建并配置DataSet

在【ViewConfig】节点下的【View】节点下添加一个DataSet控件,

设定DataSet的属性如下:

属性
说明
iddatasetEmployee控件的Id
DataType[SlEmployee]DataSet的数据类型
dataProvideremployeeService#getAll由后台employeeService这个bean中的getAll方法为DataSet提供数据

如下图所示:

 

步骤3:新建并配置DataGrid

为了展现其中的数据需要添加一个数据敏感型控件对象DataGrid,DataGrid其实就是我们日常开发中使用的表格控件。在视图中添加DataGrid控件:

并设定DataGrid的属性如下:

 

属性
说明
iddatagridEmployee控件的Id
dataSetdatasetEmployee通过dataSet属性告知DataGrid绑定是哪些数据,以便在DataGrid中展示和处理。

【鼠标右键】点击datagridEmployee控件,在弹出菜单中选择【Generate DataColumns】,生成相关字段:

调整字段显示顺序,【鼠标左键】选中字段并保持按键不放,拖动字段到需要放置的地方,是否放置到位有定位线提示,松开按键即可,如下图所示:

我们可以看到我们将employeeName这个字段移动到第一列。

删除多余字段,保留employeeName,userName,employeeCode,email,phone,mobile,position这几个字段,如下图所示:

info

假如不生成DataGrid的DataGrid Columns,那么DataGrid将显示绑定Dataset的DataType的所有字段

到目前为止,View添加控件并设置属性完毕,我们接下来需要准备后台服务代码。

Attachments:

image2020-4-26 15:8:6.png (image/png)
image2020-4-26 15:8:27.png (image/png)
5.3.1-1.png (image/png)
5.3.1-2.png (image/png)
5.3.1-3.png (image/png)
5.3.1-4.png (image/png)
5.3.1-5.png (image/png)