使用jquery–controls.doc

使用 jquery-controls 目录 jquery-controls简介 3 一、开始使用jquery-controls 3 (1)加载完毕后回调函数 3 (2)预处理参数传递 3 二、工作流图形组件： 4 (1)工作流加载函数 4 (2)工作流初始化可配参数 4 (3)wmode参数的使用 5 (4) toolbarAlign参数的使用 7 (5) status参数的使用 8 (6) uixml参数的使用 11 (7)callback回调函数 23 (8) 通过graphicXml接口方法对界面数据进行存取 23 (9) clickWorkNode接口与bind接口 25 二、多文件上传组件 26 (1) 多文件上传下载组件加载函数 26  jquery-controls简介 jquery-controls使用flash相关技术的特性实现了一系列单纯使用html所实现不了的功能，包括图形方面的如工作流、数据地图、以及功能方面如多文件上传、服务器主动数据推送。 一、开始使用jquery-controls jquery-controls通过jquery插件的形式集成，于是我们在使用之前需要将jquery核心包引入如 script src=js/jquery-1.4.2.js/script 然后将对应插件js以及相关文件夹拷贝的对应目录，固定目录为controls目录下即可。 1、jquery-controls插件统一程序入口风格 插件统一使用loadXXX的风格入口，例如需要加载多文件上传组件我们会这样调用： script $(function() { $(div).loadFileUpDownloader ();}); /script 于是程序会将界面上所有div中都添加上传下载组件。 (1)加载完毕后回调函数 当需要在flash正常加载完毕后执行一个回调函数时，我们统一书写方式为如下： script $(function() { $(div).loadFileUpDownloader (function(){ alert(“上传下载按钮加载完毕！”); });}); /script (2)预处理参数传递 当需要在加载时对flash进行预先设置时可能有一些关于改flash相关的功能存在，并且附带一些参数，一般地我们采取以下方式来配置这些参数 script $(function() { $(div).loadFileUpDownloader (｛ wmode: transparent ｝);}); /script 二、工作流图形组件： 在一些业务场景中通常会有一些流程处理，比如各个级次领导处理审批时，或者工作项之间有前后互相牵制的关系时等等。我们需要有一个统一的位置来配置这个流程，并且通过图形化对流程进行直观的查看和修改。现有已经使用此工作流图形组件的效果如下： (1)工作流加载函数 加载工作流时通过在页面载入成功后调用如下函数进行加载。 $(div).loadWorkFlow(); 会在页面中所有div中都添加工作流组件。 (2)工作流初始化可配参数 工作流常用可配参数如下表： 参数 描述 wmode 标志显示模式是否透明，可选参数为“window”,”transparent”,若为window则表示不明，若为”transparent”则为透明，默认为window模式。 toolbarAlign 标志工具条的位置，可选参数为”left”,”right”,若为left时工具栏会靠左对齐，若为right则工具栏会靠右对齐。默认为”left” status 表明当前的一个编辑模式，可选参数有三个edit、view 、view_with_nodetoolbar_contextmenu，当为edit时为可编辑修改，当为view时，则为紧查看模式，当为nodetoolbar_contextmenu模式时，允许含有上下文菜单和节点工具条（详细信息请查看之后的相关） uixml 表明整个工作流初始化之后的一个状态，包括工具条中可包含的按钮，按钮拖出后的节点状态以及节点包含的相关特性（详细信息请查看之后的相关描述） (3)wmode参数的使用 我们通过此参数来配置工作流界面的透明特征，通过如下调用方式使用此参数： script $(function() { $(div). loadWorkFlow (｛ wmode: transparent ｝);}); /script 当我们希望工作流可以在其他工作界面透明显示时，我们允许将工流设置为透明状态，典型的需求是假如我们有个审批流程，我们希望在比较小的界面尽量显示所需要审批的数据表格，但是我们也希望用一种比较亲和的可选方式显示当前审批所走的流程是一种什么情况，那