<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<style>
v:* { behavior: url(#default#VML);}
o:* { behavior: url(#default#VML);}
</style>
<title>动态流程图目前提供接口说明
</title>
<head>
</head>
<body>
<script language="javascript" src="progress.js"></script>
</body>
<script language="javascript">
/*说明:
* 使用前包含上面的内容,int标志要求为数字;()内为参数默认值
*/
/*创建一个流程图对象 宽高设置无效,根据每行步骤数和步骤总数自动增加
**输入参数:int左边距(0);int上边距(0);int宽(600);int高(400)
*/
var test =new progress(100,100);
/*设置每行步骤数量
**输入参数:int数量(5)
*/
test.setRowStepCount(5);
/*添加步骤addStep
**输入参数:显示文字;int步骤类型;tooltips文字 如果需要换行中间加',';回调的函数及参数
*/
test.addStep('测试一','0',"测试,测试日期:2006-12-05,测试人员:LGA,多行的测试多行的测试多行的测试","testfunc('测试一')");
test.addStep('测试二','0',"审批已经通过的tooltip","testfunc('测试二')");
test.addStep('测试三','0',"审批已经通过的tooltip","testfunc('测试三')");
test.addStep('测试四','0',"审批已经通过的tooltip","testfunc('测试四')");
test.addStep('测试五','1',"目前正在进行中","testfunc('测试五')");
test.addStep('测试六','2',"","testfunc('')");
test.addStep('测试七','2',"","testfunc('')");
/*设置标题区域高度
**输入参数:int高度(0)
*/
test.setTitleAreaHeight(70);
/*设置标题名称
**输入参数:标题名称(流程图)
*/
test.setTitle("测试的流程图");
/*设置标题宽度
**输入参数:int宽度(200)
*/
test.setTitleWidth(200);
/*设置标题高度
**输入参数:int高度(30)
*/
test.setTitleHeight(30);
/*设置是否显示标题
**输入参数:boolean是否(false)
*/
test.setShowTitle(true);
/*设置步骤宽度
**输入参数:int宽度(80)
*/
test.setStepWidth(80);
/*设置步骤高度
**输入参数:int高度(60)
*/
test.setStepHeight(60);
/*设置步骤水平间距
**输入参数:int步骤水平间距(50)
*/
test.setStepHSpace(50);
/*设置步骤垂直间距
**输入参数:int步骤垂直间距(40)
*/
test.setStepVSpace(40);
/*设置图例(步骤的类型) 默认为3种状态
**输入参数:第几种图例;图例说明;下半部分颜色;上半部分颜色
*/
test.setCutline(0,"已经完成","#23FFAF","white");
test.setCutline(1,"进行中","#FFBF23","white");
test.setCutline(2,"未完成","#FF5723","white");
//以下为业务扩展参考颜色
//test.setCutline(3,"步骤二","#FF4CAB","white");//粉红
//test.setCutline(4,"步骤五","#AA17FF","white");//紫
//test.setCutline(5,"步骤六","#ADFF17","white");//黄绿
//test.setCutline(6,"步骤七","#7477FF","white");//蓝
//test.setCutline(7,"步骤八","#1AAA43","white");//绿
/*设置图例高度
**输入参数:int图例高度(20)
*/
test.setCutlineHeight(20);
/*设置图例宽度
**输入参数:int图例宽度(20)
*/
test.setCutlineWidth(20)
/*设置图例说明宽度
**输入参数:int图例说明宽度(100)
*/
test.setCutlineTextWidth(100);
/*画出流程图
**输入参数:无
*/
test.drawProgressChart();
/*清除流程图
**输入参数:无
*/
//test.clearProgressChart();
//实现函数回调 命名函数的名称和参数要和addStep方法参数相对应
function testfunc(abc){
if (abc==""){
return;
}
alert(abc+"的函数被调用了");
}
</script>
</html>
评论3
最新资源