如何实现树状结构图

windyloft 2017-12-04 05:17:49

如何实现类似下面的树状结构图

上图中的备注不是子节点，只是节点的说明

...全文

665 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

学无止境之问道 2017-12-05

打赏
举报

回复

使用echarts2 里面有tree图，直接可以看教程

xiaoyuyu1111 2017-12-04

打赏
举报

回复

我以前看过一个前端ui框架里面有，但忘了是什么了；而且如果你的css足够好，可以拿easyui这样的或者其他开源的ui树控件进行改造。
以前用ECOTree改造过，他的逻辑应该可以，但是浏览器支持度比较低了，ie得7以下，如果能够也可以拿来改改。

windyloft 2017-12-04

打赏
举报

回复

补充一点：节点名字需要能够编辑

vue 树形结构添加删除节点返回ID 可同步到服务器 treelist组件

jquery html实现的树状图，样式精美，带鼠标经过和点击时的样式

vue 实现自定义树状结构图 可动态添加、删除可整体拖拽如需内容也为动态，把组件内容使用input、select等组件替换数据结构 treeData: [{ name: '1', child: [ { name: '2', child: [{ name: '1' }, { name: '2' }] }, { name: '1', child: [{ name: '1' }, { name: '2' }] } ] }] 思路： 1、先写好一个公共的组件TreeItem 2、加上条件判断 3、然后递归调用自身组件

其实关于树形结构图，网上有很多插件，已经把全套的都封装好了的；但是最近公司需要做一个带复选框的树形结构，并且最关键的是要嵌入到JSP页面中，传递的数据不是用JSON传递的，是直接通过后端跳JSP页面的方式来的，所以就没有用网上的插件，就自己写了一下简单的实现。

如何在C#中利用GDI画树状图(非Treeview)一文的附带资源。在C#中利用GDI画一个树状图的示例程序。

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章