润乾报表查询表单应用Flex拖拽控件

润乾报表默认提供了很多种填报编辑风格，如下拉树，下拉列表框，复选框等等，同时润乾报表也开放了编辑风格的扩展接口，用户可以根据具体需求定制开发多样化的编辑风格。具有拖拽功能的编辑界面，允许用户使用鼠标选择某个对象并在屏幕上进行移动，这样用户可在列表之间拖放选择数据，能够使界面操作友好性得到提升。本文介绍如何利用自定义编辑风格实现在查询表单中应用flex拖拽控件。   一:FLEX列表类控件的拖放行为： 在flex中，很多列表控件已经包含了拖放操作的定义，只需要在定义组件中的一些属性就可以实现拖放行为。 下面介绍本文中用到的拖拽列表的实现： 1. 初始化列表数据源： private function initApp():void { srclist.dataProvider = new ArrayCollection(['选项A', '选项B', '选项C', '选项D', '选项E']); destlist.dataProvider = new ArrayCollection([]); } 2. 定义数据源列表和目标列表，分别放置待选择拖拽的数据及被放置数据： allowMultipleSelection="true" dragEnabled="true" dragMoveEnabled="true" dropEnabled="true"/> dropEnabled="true" dragMoveEnabled="true" dragEnabled="true"/> 二．报表设计中使用自定义拖拽控件 1. 建立查询表单，在填报单元格中使用自定义控件：       2. 自定义控件显示和隐藏的js函数show(),hidden()，需要在报表设计发布的jsp中定义。 Parent.jsp部分代码如下： …… needSubmit="no" params="<%=param.toString()%>"   /> funcBarLocation="" needPageMark="yes" generateParamForm="no" params="<%=param.toString()%>" exceptionPage="/reportJsp/myError2.jsp" width="-1"   />   3. 在模式窗口中显示拖拽控件, 在需要嵌入FlEX拖拽列表的HTML代码中使用

 

润乾报表默认提供了很多种填报编辑风格，如下拉树，下拉列表框，复选框等等，同时润乾报表也开放了编辑风格的扩展接口，用户可以根据具体需求定制开发多样化的编辑风格。具有拖拽功能的编辑界面，允许用户使用鼠标选择某个对象并在屏幕上进行移动，这样用户可在列表之间拖放选择数据，能够使界面操作友好性得到提升。本文介绍如何利用自定义编辑风格实现在查询表单中应用flex拖拽控件。

 

一:FLEX列表类控件的拖放行为：

在flex中，很多列表控件已经包含了拖放操作的定义，只需要在定义组件中的一些属性就可以实现拖放行为。

下面介绍本文中用到的拖拽列表的实现：

1. 初始化列表数据源：

private function initApp():void {

srclist.dataProvider =

new ArrayCollection(['选项A', '选项B', '选项C', '选项D', '选项E']);

destlist.dataProvider = new ArrayCollection([]);

}

2. 定义数据源列表和目标列表，分别放置待选择拖拽的数据及被放置数据：

allowMultipleSelection="true"

dragEnabled="true"

dragMoveEnabled="true"

dropEnabled="true"/>

dropEnabled="true"

dragMoveEnabled="true"

dragEnabled="true"/>

二．报表设计中使用自定义拖拽控件

1. 建立查询表单，在填报单元格中使用自定义控件：

 

 

 

2. 自定义控件显示和隐藏的js函数show(),hidden()，需要在报表设计发布的jsp中定义。

Parent.jsp部分代码如下：

……

needSubmit="no" params="<%=param.toString()%>"   />

funcBarLocation="" needPageMark="yes" generateParamForm="no" params="<%=param.toString()%>" exceptionPage="/reportJsp/myError2.jsp" width="-1"   />

 

3. 在模式窗口中显示拖拽控件, 在需要嵌入FlEX拖拽列表的HTML代码中使用