87,901
社区成员
发帖
与我相关
我的任务
分享
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script src="Scripts/jquery-latest.min.js" type="text/javascript"></script>
<%-- <script src="Scripts/public.js" type="text/javascript"></script>--%>
<script type='text/javascript'>
google.load('visualization', '1', { packages: ['orgchart'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'Manager');
data.addColumn('string', 'ToolTip');
data.addRows([
[{ v: 'Mike', f: 'Mike<div style="color:red; font-style:italic">President</div>' }, '', 'The President'],
[{ v: 'Jim', f: 'Jim<div style="color:red; font-style:italic">Vice President</div>' }, 'Mike', 'VP'],
['Alice', 'Mike', ''],
['Bob', 'Jim', 'Bob Sponge'],
[{ v: 'carol', f: 'carol<div style="color:red; font-style:italic"> <select id="dept_list" size="13" style="margin-top:10px; width:180px;"></select></div>' }, 'Bob', '']
]);
var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
go();
chart.draw(data, { allowHtml: true });
}
function go() {
alert($("#dept_list").length);
}
</script>
</head>
<body>
<div id='chart_div'></div>
</body>
</html>
$("select[name=subDept]").each(function (a, b) {
var id = $(b).attr("id"); //获取id属性
go(id);
});
,
go 方法: function go(id) {
$.ajax({
type: "post",
contentType: "application/json",
data: "{ a: '" + id + "'}",
url: "MyDeptMng.aspx/treeList_selectorg",
dataType: "json",
success: function (data) {
if (data.d != "") {
$("#" + id).empty();
data = eval("(" + data.d + ")");
$.fn.zTree.init($("#" + id), setting, data);
//$("#" + id).append(data.d);
//InitStyle(id);
}
}
});
}
,这样处理后,并没有出现我想要的树结构数据?不知道这么应用是不是正确?望指点$('select[id^="dept_left_list_"]').each(function(){
var id=this.id.replace('dept_left_list_','');
alert('部门id:'+id)
});
function drawVisualization(dataValues) {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'ParentName');
for (var i = 0; i < dataValues.length; i++) {
data.addRow([dataValues[i].OrgName, '']);
$.ajax({
type: 'POST',
dataType: 'json',
contentType: 'application/json',
url: 'orgchart.aspx/IsExists',
data: "{deptId:'" + dataValues[i].Value + "'}",
success:
function (response) {
if (response.d != "0") {
$.ajax({
type: 'POST',
dataType: 'json',
contentType: 'application/json',
url: 'orgchart.aspx/GetSubData',
data: "{deptId:'" + response.d + "'}",
success:
function (response2) {
var subValue = response2.d;
for (var i = 0; i < subValue.length; i++) {
data.addRow([{ v: subValue[i].OrgName, f: '<div style="color:red; font-style:italic"> </div>' }, subValue[i].ParentName]);
}
}
});
}
}
});
}
new google.visualization.OrgChart(document.getElementById('chart_div')).
draw(data, { allowHtml: true });
//go();
}
这段js中 在data.addRow([{ v: subValue[i].OrgName, f: '<div style="color:red; font-style:italic"> </div>' }, subValue[i].ParentName]);
这里 data数据很完整,可是到了最后draw(data, { allowHtml: true })data的值没有子节点数据?不知道这是为什么?