读取数据的文件 menu.js
来源:互联网 发布:量化投资数据哪里找 编辑:程序博客网 时间:2024/05/24 06:51
/** * 树形菜单控制类 * @author zxub */ var TreeMenu=new function() { this._url=null; //加入样式 document.write(''); document.write('.treeCheckBox{height:11px; width:11px;vertical-align:middle}'); document.write('.treeImg{cursor:pointer;vertical-align:text-bottom;margin-right:2px}'); document.write(''); //定义图标显示用数组 this.icon=new Array(); this.icon["member"]='img/child.gif'; this.icon["open"]='img/opened.gif'; this.icon["close"]='img/closed.gif'; /** * 获取指定节点的子节点 * @param _parentId:指定节点的id */ this.getChildren=function(_parentId) { if (this.alreadyGetChileren(_parentId)) { var childContainer=document.getElementById(_parentId+"_subContainer"); if (childContainer) { childContainer.style.display=(childContainer.style.display=="none")?"":"none"; var _parentNode=document.getElementById(_parentId); if (_parentNode.firstChild && _parentNode.firstChild.tagName=="IMG") { _parentNode.firstChild.src=(childContainer.style.display=="none")?this.icon["close"]:this.icon["open"]; } } return; } var processRequest=function(obj) { TreeMenu.addChildren(_parentId,obj.responseXML); } Request.send(this._url+"?pId="+_parentId,"",processRequest,_parentId+""); } /** * 根据获取的数据,设置指定节点的子节点 * @param _parentId:指定节点id * @param _data:获取的数据 */ this.addChildren=function(_parentId,_data) { if (this.alreadyGetChileren(_parentId)) { return; } var _parentNode=document.getElementById(_parentId); if (_parentNode.firstChild && _parentNode.firstChild.tagName=="IMG") { _parentNode.firstChild.src=this.icon["open"]; } //子级容器,所有子级选项都放一个容器中 _nodeContainer=document.createElement("div"); _nodeContainer.id=_parentId+"_subContainer"; //子级容器放入父级容器 _parentNode.appendChild(_nodeContainer); var _children=_data.getElementsByTagName("root")[0].childNodes; var _child=null; var _point=this; for(var i=0; i<_children.length; i++) { _child=_children[i]; _node=document.createElement("div"); if (i!=_children.length-1) { _node.style.cssText="padding-bottom:5px"; } _node.innerHTML=""; _node.id=_child.getAttribute("id"); //若节点存在下级节点 if (_child.getAttribute("hasChildren")=="1") { _node.innerHTML+=''; _node.innerHTML+=''+_child.firstChild.data+''; } //否则节点不存在下级节点 else if (_child.getAttribute("hasChildren")==0) { _node.innerHTML+=''; _node.innerHTML+=''+_child.firstChild.data+''; } //节点加入子级容器 _nodeContainer.appendChild(_node); } _nodeContainer.style.cssText="border-left:0px solid #ccc;margin-left:7px;margin-top:5px;padding-left:10px"; } /** * 判断指定节点是否已经获取子节点 * @param _nodeId 指定节点id * @return [boolean]true为已经获取,false为未获取 */ this.alreadyGetChileren=function(_nodeId) { var obj=document.getElementById(_nodeId+"_subContainer"); if (obj) { return true; } return false; } } /** * 点击菜单后的动作 */ function treeNodeChoosed(_obj) { var choosedColor="lightblue"; var unChoosedColor="white"; if (_obj.style.backgroundColor==choosedColor) { _obj.style.backgroundColor=unChoosedColor; } else { //var allNodeText=document.getElementsByName("treeText"); var allNodeText=document.getElementsByTagName("SPAN"); for (var i=0; i
- 读取数据的文件 menu.js
- js读取json文件数据
- 如何通过js读取xml文件的数据?
- js读取数据库的数据
- js读取json文件片段中的数据
- js读取json文件中的json数据
- js 读取文件的方法
- Node.js文件的读取
- 波形文件数据的读取
- 简单的jS读取XML数据
- js怎样读取json里面的数据 :
- js怎样读取json里面的数据
- js中json数据的读取
- jsp/js读取properties文件的方法
- JS读取XML文件的方法
- JS如何读取上传文件的后缀名
- node.js读取本地的文件
- js读取服务器端的txt文件
- 提问的智慧之二
- 打造最快的Hash表
- 调用directshow 内含的编码和解码库后,需要了解的代码
- 第2天 一个rails小例子
- How to Report Bugs Effectively
- 读取数据的文件 menu.js
- WINCE FILTER 注册方法,
- 参加SUN公司2007年Tech Day技术大会有感
- 多文件上传实现
- 提问的智慧之三
- 制作RHEL4 DVD
- JSP的变量
- tomcat中的server.xml元素详解
- 巧用代理自动配置脚本