AJax技术

UI系列之: 基于JQUERY的WEB在线流程图设计器GOOFLOW 0.8版(3)

字号+ 作者:H5之家 来源:H5之家 2016-04-28 17:00 我要评论( )

目前系统给出的节点类型有”start”,”end”,”task”,”node”,”chat”,”state”,”plug”,”fork”,”join”,”complex”(复合/子流程节点为绿色),用户还可自定义,并把自定义后的名称及样式加到GooFlow中来! CL

目前系统给出的节点类型有”start”,”end”,”task”,”node”,”chat”,”state”,”plug”,”fork”,”join”,”complex”(复合/子流程节点为绿色),用户还可自定义,并把自定义后的名称及样式加到GooFlow中来!

CLASS样式类的类名定义如下:

.ico_ + “节点类型名” ,如:.ico_task

.GooFlow .ico_task{background:url(img/gooflow_icon2.png) no-repeat 1px -45px}

不过要注意的是:”start”,”end”,”complex”这三种类型的节点为特殊类型:UI中有特殊定义,因此用户不可重定义这三种类型!

 

  • exportData方法返回的传参:
  • {

    title:工作区左上角显示所,该组流程图数据集的名称,

    nodes:$nodeData数据集,

    lines:$lineData数据集,

    areas:$areaData数据集

    }

  • exportAlter方法返回的传参:
  • {

    nodes:变更过的$nodeData数据集,

    lines:变更过的$lineData数据集,

    areas:变更过的$areaData数据集

    deletedItem:在流程图的编辑操作中被删除掉的元素ID集合,元素ID为KEY,元素类型(node,line.area)为VALUE

    }

     

    8、loadData方法中的JSON格式传参:

    {

    title:工作区左上角显示所,该组流程图数据集的名称,

    initNum(可选属性):由于绘制的新单元的ID都是按一定序列号及规则自动生成的,为了防止新载入的数据的ID与编辑时新加入的ID值有重复,将给设计器对象对于新生成单元的ID序列一个新的起始序列号;

    nodes:$nodeData数据集,

    lines:$lineData数据集,

    areas:$areaData数据集

    }

    //注意:如果传参JSON中没有这个属性,也可以在调用loadData方法前修改设计器对象的$max属性值(其实loadData方法执行时会检查传参中如果有initNum时,将自动给设计器对象的$max赋上此值)

     

  • 自定义的prototype颜色配置对象:
  • GooFlow.prototype.color={

    main:"#A8C508",

    node:"#DFE9B4",

    line:"#A8C508",

    mark:"#E98200",

    mix:"#B6F700",

    font:"#357425"

    };

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • jquery ajax例子返回值详解

      jquery ajax例子返回值详解

      2016-04-13 15:00

    • jQuery之ajax请求之POST

      jQuery之ajax请求之POST

      2016-04-09 10:02

    • jquery ajax 入门:AJAX入门学习总结

      jquery ajax 入门:AJAX入门学习总结

      2016-04-07 15:02

    • ajax,jquery学习资源

      ajax,jquery学习资源

      2016-04-06 14:02

    网友点评
    =