javascript实现组织图资源-CSDN文库

共2个文件

js：1个

html：1个

需积分: 15 123 浏览量 2010-01-06 14:52:44 上传评论收藏 6KB ZIP 举报

对chenl1984在http://download.csdn.net/source/1535723发表的javascript进行扩展 1. 定义了数据格式，可以通过服务器端返回有个格式的数据。数据分为5列，用逗号隔开第一列为人名，第二列为该人的上级ID，第三列为职位名称，第4列为，ID，第5列，0表示一个box里面只写一个人，1表示，相同的上级所有人名都写在一个box里面。所有列不能为空。 2. 简化了javascript的调用定义了一个名为render的function,在html里面只需要调用这个function. render(url). url为点击这个人，要连接到的url。 url里面必须有一个参数{id}。 id将会替代为各个人的ID。例如: render("http://localhost:8080/hr/getuser.do?id={id}")。 url不能为空，下面是HTML的例子。 <body>   <div id="dataset" style="display:none"> 赵小明,TOP,总经理,000001,0 王小二,000001,营销经理,000002,0 马晓三,000001,财务经理,000003,0 黄晓明,000001,产品经理,000004,0 张孝思,000002,销售副经理,000005,0 李四,000002,营销副经理,000006,0 王二麻,000003,财务科长,000007,0 姚遥,000003,会计科长,000008,0 焦笑,000004,项目经理,000009,0 汴州,000004,项目经理,000010,0 包销,000005,业务员,000011,1 栾乐,000005,业务员,000012,1 丁坝,000005,业务员,000013,1 陈辰,000006,广告策划,000014,1 关西,000006,产品推广,000015,1 别了,000006,市场调研,000016,1 文莽,000008,会计,000017,1 马虎,000007,出纳,000018,1 成文,000009,工程师,000019,1 徐徐,000009,工程师,000020,1 贺年,000009,工程师,000021,1 邹学,000009,工程师,000022,1 童聊,000009,工程师,000023,1 杨汉,000009,工程师,000024,1 夏卓,000009,工程师,000025,1 孙敏,000009,工程师,000026,1 黄采,000009,工程师,000027,1 柳树,000010,工程师,000033,1 刘树,000010,工程师,000034,1 韩帝,000010,工程师,000035,1 何霞,000010,工程师,000036,1 龚东,TOP,股东,000037,0 </div> <div id="LoadBox" >Loading</div> <script language="javascript"> render("http://localhost/hr/searchByName.do?id={id}"); $("LoadBox").style.display="none"; </script> </body>

资源推荐

资源详情

资源评论

收起资源包目录

org_js.zip （2个子文件）

sample.html 2KB

organization.js 18KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>员工结构</title> <script language="javascript" src="organization.js"></script> <style type="text/css">  </style> </head> <body>   <div id="dataset" style="display:none"> 赵小明,TOP,总经理,000001,0 王小二,000001,营销经理,000002,0 马晓三,000001,财务经理,000003,0 黄晓明,000001,产品经理,000004,0 张孝思,000002,销售副经理,000005,0 李四,000002,营销副经理,000006,0 王二麻,000003,财务科长,000007,0 姚遥,000003,会计科长,000008,0 焦笑,000004,项目经理,000009,0 汴州,000004,项目经理,000010,0 包销,000005,业务员,000011,1 栾乐,000005,业务员,000012,1 丁坝,000005,业务员,000013,1 陈辰,000006,广告策划,000014,1 关西,000006,产品推广,000015,1 别了,000006,市场调研,000016,1 文莽,000008,会计,000017,1 马虎,000007,出纳,000018,1 成文,000009,工程师,000019,1 徐徐,000009,工程师,000020,1 贺年,000009,工程师,000021,1 邹学,000009,工程师,000022,1 童聊,000009,工程师,000023,1 杨汉,000009,工程师,000024,1 夏卓,000009,工程师,000025,1 孙敏,000009,工程师,000026,1 黄采,000009,工程师,000027,1 柳树,000010,工程师,000033,1 刘树,000010,工程师,000034,1 韩帝,000010,工程师,000035,1 何霞,000010,工程师,000036,1 龚东,TOP,股东,000037,0 </div> <div id="LoadBox" >Loading</div> <script language="javascript"> render("http://localhost/hr/searchByName.do?id={id}"); $("LoadBox").style.display="none"; </script> </body> </html>

评论收藏

内容反馈