下拉列表框配置

在表单中，可以将下拉列表框控件扩展成为Boottrap下拉、自动完成、单选组、复选组、弹窗选择、id转名字等控件类型。

下拉列表控件的扩展

1.Bootstrap下拉

应用场景：当辅助数据源中的数据较多，可以在辅助列表中增加支持搜索选项。

Alt text
操作：下拉列表控件->修改控件类型->勾选是否支持搜索。

在勾选了支持搜索时，下拉列表的控件必须选择为“Bootstrap”。
在下拉列表框配置中可以对控件设置默认值文字。
勾选了显示内容是HYML时，表单中Bootstrap下拉控件中的显示名称支持HTML语法，可以添加相应的样式。

Alt text

2.自动完成

应用场景：当辅助数据源中的数据较多，使用带搜索的下拉列表控件效率变差，可以将下拉列表控件扩展成自动完成，提高性能。

在自动完成框中输入相关的信息，表单自动加载相关的数据。
Alt text

操作1：在infopath中将控件类型选择为“下拉列表框”，并绑定辅助数据源。
Alt text

操作2：重新上传表单->下拉列表框配置->“编辑”->选择控件类型->填写数据元附加条件->保存

Alt text

自动完成控件的数据源附加条件如下填写：

AND (ID LIKE :term OR NAME LIKE :term )
参数名：term
参数值：$ES.Request.All('esterm')
操作符：Like

数据源附加条件中的参数值为固定写法，$ES.Request.All('esterm')是平台表达式，用于取自动完成框中输入的值。操作符必须选为“Like”。
自动完成、单选组、复选组中的数据源附加条件只需要拼写and语句就可以，在打开表单时，平台会自动处理，添加到辅助数据源中的WHEREHOLDER 的位置。自动完成控件设置最多显示的记录数，可以根据需求自己填写。

Alt text

3.复选组

应用场景：在表单中需要设置复选组,例如权限设置中的权限信息。

Alt text

操作1：在infopath中将控件类型选择为“下拉列表框”，并绑定辅助数据源。
Alt text

操作2：重新上传表单->下拉列表框配置->“编辑”->选择控件类型->填写数据源别名->填写数据元附加条件->是否显示全选->保存

Alt text

单选组、复选组必须填写数据源别名，且同一个表单中数据源别名不能重复。

Alt text

4.单选组

表单中的复选组和单选组的配置流程相同，区别是复选组可以多选，单选组只能在选项中勾选一个选项。单选组多用于数据较少时的单选的情况。

Alt text

操作1：在infopath中将控件类型选择为“下拉列表框”，并绑定辅助数据源。
Alt text

操作2：重新上传表单->下拉列表框配置->“编辑”->选择控件类型->填写数据源别名->填写数据元附加条件->是否显示全选->保存

Alt text

5.弹窗选择

应用场景：在表单中支持弹出窗口进行数据的选择。弹出的窗口可以是平台中配置的窗口，也可以是自定义的窗口。下面以省份信息为例，将所在国家设置为弹窗选择。
点击请选择->弹出窗口并选择数据->“确定”->返回在列表中显示的数据
Alt text

操作1：配置弹出的窗口
新建列表->列配置->工具条配置

Alt text

列表的配置请参照“列表-列表配置流程”部分。
“确定”的执行脚本如下：

1.列表：$es.grid.doFormPopSelect(gridId, valueFieldName, textFieldName)
gridId：通常使用$ES.UI.Grid.ClientId()取值
valueFieldName:值字段
textFieldName:显示字段
例如：${es}.grid.doFormPopSelect('$ES.UI.Grid.ClientId()', 'ID', 'NAME')

2.树：$es.tree.doFormPopSelect(treeId, valueFieldName, textFieldName)
3.自定义页面需要引入以下脚本并按以下方式编写:
1. jQuery
2. /scripts/esutility.js
3. /Platform/UIV2/Form/js/esform.js
function demoDoSelect() {
    //获取选择的数据
    var selData = ...;//{value:id值,text:显示值}
    if(selData) {
        window.parent.$es.form.doPopSelect({value:selData.id,text:selData.name}, $es.form.getPopId());//{value:保存的值,text:显示的值}
    } else {
        //提示没有选择数据
    }
}

操作2：在infopath中将控件类型选择为“下拉列表框”，并绑定辅助数据源。
Alt text

操作3：重新上传表单->下拉列表框配置->“编辑”->选择控件类型->填写数据元附加条件->保存

Alt text

在弹窗配置中URL填写的是弹出页面的URL。

Alt text

6.ID转名字

应用场景：在表单中，控件存的是ID,显示的是名称，同时对该控件与进行了初始化并且不能够编辑，这时使用ID转名字控件。

Alt text

操作1：在infopath中将控件类型选择为“下拉列表框”，并绑定辅助数据源。
Alt text

操作2：重新上传表单->下拉列表框配置->选择控件类型->保存

Alt text

操作3：表单初始化（详细操作步骤请参照“表单-表达初始化”中的步骤）

控件的联动

在表单中，下拉列表框、单选组、复选组、自动完成、弹窗选择可以实现控件之间的联动。

其中，单选组、复选组只能作为联动的子级，不能作为联动的父级。
下拉列表框、单选组、复选组、自动完成的联动需要在infopath中设置数据的筛选条件以及规则，详细操作请参照“列表-infopath设计”中的“控件之间的联动”部分。

其中弹窗的联动比较特殊，下面以省份信息表单中的弹窗为例，介绍一下弹窗的联动。

弹窗的联动

表单中弹窗的联动需要在弹窗选择配置的URL中给弹出的窗口父级的参数，同时在弹出的窗口中接收参数。
操作1：URL中传参
Alt text

示例中用到的URL：
/Platform/UIV2/Grid/ShowGrid.html?gridId=4fe9ce30f8704d399951d6fc647800c8&PID=$ES.UI.Form.Data('EA_PROVINCE','AREA_ID')

表达式说明：$ES.UI.Form.Data(tableName, filedName, rowIndex)
作用：表单中保存前取值
参数：
（1）tableName：表名
（2）filedName：列名
（3）rowIndex：行数（可省略，省略时表示取第一行数据）

操作2：弹出页面获取参数
Alt text

获取参数表达式：$ES.Req()
作用：$ES.Request.QueryString()的简写，用于获取URL中的参数。

Alt text

深圳坪山网站建设公司 XML地图 TXT地图虚拟主机 SEO 网站制作网站优化