.NET CORE开源工作流引擎 - 可视化流程设计器 - 工作流表单设计器 - .NET快速开发平台 - .NET三层代码生成器 - 通用权限管理

.NET MVC CORE开源工作流平台,可视化流程设计器
Tree树控件

对应的JS:roadui.tree.js

使用示例:

<form id="form1">

    <div id="tree"></div>

</form>

JS:

var roadTree = new RoadUI.Tree({ id: "tree", path: "../Dictionary/Tree1?ischild=1&root=", refreshpath: "../Dictionary/TreeRefresh", onclick: openUrl });

参数说明:

id:为要加载树的dvi的id

path:为返回JSON数据的路径

refreshpath:为二次加载时返回的路径

showline:是否显示树上的线

showico:是否显示树上的图标

showroot:是否显示返回JSON中的根节点


JSON返回的格式为:

[
  {
    "id": "d5103e55-7409-4744-a944-74d6ef38b5ce", //节点ID,不重复
    "parentID": "00000000-0000-0000-0000-000000000000", //上级ID
    "title": "文档中心", //节点标题
    "type": 0, //节点类型,自己定义,不必须
    "ico": "fa-suitcase", //节点图标,为空则显示默认图标
    "color": "", //节点显示颜色
    "hasChilds": 1, //是否有下级节点,如果有,下面的"childs"为[],则是在点击节点时二次加载下级节点,如果如下图返回了childs,则直接显示,不二次加载。
    "childs": [
      {
        "id": "5a10c6cf-b915-4a74-8ca4-e9539ee33094",
        "parentID": "d5103e55-7409-4744-a944-74d6ef38b5ce",
        "title": "通知公告",
        "type": 0,
        "ico": "",
        "color": "",
        "hasChilds": 0
      }
    ]
  }
]


联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有