org_chart.js 使用方法

1.引用css
2.引用js
3.ajax获得json数据

1 4.
2  $('#chart-container').orgchart({
3         'data': json,
4         'nodeContent': 'm_name',
5         'nodeTitle': 'm_no'6   });

 1     json数据2        [WebMethod]4         public static string GetChart()5         {6             BLL.T_Member bll = new BLL.T_Member();7             Model.T_Member model = bll.GetModel(1);8             List<Model.T_Member> all = bll.GetModelList("");9
10             Children(all, model);
11             string json = Newtonsoft.Json.JsonConvert.SerializeObject(model);
12             return json;
13         }
14
15
16         public static void Children(List<Model.T_Member> all, Model.T_Member curItem)
17         {
18             var subItems = all.Where(p=> p.m_forid == curItem.m_id).OrderBy(p=> p.m_forpositon).ToList();
19             curItem.children = new List<Model.T_Member>();
20             curItem.children.AddRange(subItems);
21             foreach (var subItem in subItems)
22             {
23                 Children(all, subItem);//新闻1.1
24             }
25         }

转载于:https://www.cnblogs.com/Evaniko/p/6427711.html

org_chart.js 使用方法相关推荐

js onclick方法
js onclick方法,方法传参 <!DOCTYPE html> <html><head><meta charset="UTF-8"& ...
JS replace()方法-字符串首字母大写
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换 ...
22个超详细的 JS 数组方法
22个超详细的 JS 数组方法数组是 js 中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效的提高我们的工作效率,同时对我们的代码质量也是有很大影响. 一.创建数组 1.使用数组 ...
javascript:jquery.history.js使用方法
javascript:jquery.history.js使用方法 step1:download jquery.history.js step2:create a test page as follow ...
python flask框架剖析_python flask框架实现传数据到js的方法分析
本文实例讲述了python flask框架实现传数据到js的方法.分享给大家供大家参考,具体如下: 首先要清楚后台和前端交互所采用的数据格式. 一般选JSON,因为和js完美贴合. 后台返回的数据进行 ...
js sort方法根据数组中对象的某一个属性值进行排序（实用方法）
js sort方法根据数组中对象的某一个属性值进行排序 sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同. var arr = [{name ...
js方式调用php_举例说明JS调用PHP和PHP调用JS的方法
举例说明JS调用PHP和PHP调用JS的方法在学习任何一门编程语言,我们都会听到调用这个词,那么,在javascript中是如何调用php的呢?在php中也可以调用js吗?下面就让我们一起来看看吧. ...
js多种方法：返回上一页
js多种方法:返回上一页返回上一页: // 1. 第一种 window.history.go(-1); // 2. 第二种 window.history.back(); // 3. 第三种(语法不合 ...
JS replace()方法替换变量（可以对变量进行全文替换）
JS replace()方法替换变量(可以对变量进行全文替换) JS 替换一个多行文本的关键字正常,没有变量的时候应该是这样: 把 a 替换成 b: string.replace("a&q ...
小程序-调用公共js对象方法/ app.js
在小程序中,如果在子页面想调用共公js的方法,需先在子页面js中先实例化app:具体过程如下子页面js: 1 2 3 4 5 6 7 8 //调用公共js对象以便调用其方法 var app = ge ...

org_chart.js 使用方法

org_chart.js 使用方法相关推荐

最新文章

热门文章