以XML为级联数据源的JavaScript树型选择器

共12个文件

gif：8个

html：1个

js：1个

XML

javascript

需积分: 10 11 下载量 196 浏览量 2011-03-27 11:35:30 上传评论收藏 11KB RAR 举报

温馨提示

以XML文件作级联数据源，采用树形控件显示，节点可选择Radiobutton,CheckBox,PlainText等类型。

资源推荐

资源详情

资源评论

收起资源包目录

XML-Tree.rar （12个子文件）

CascadedSelectTree.xml 843B

v.gif 108B

l.gif 110B

b.gif 103B

p.gif 126B

pn.gif 130B

n.gif 115B

m.gif 124B

Thumbs.db 26KB

mn.gif 126B

Treeview.js 5KB

CascadedSelectTree.html 1KB

共 12 条

<html> <script src="Treeview.js"></script> <script> function genCB(name,value,title){ return "<font style='font-size:12px'><input type='checkbox' name='"+name+"' value='"+value+"'>"+title+"</font>"; } function genRB(name,value,title){ return "<font style='font-size:12px'><input type='radio' name='"+name+"' value='"+value+"'>"+title+"</font>"; } function genPlain(txt){ return "<font style='font-size:12px'>"+txt+"</font>"; } function iterator(pTreeNode,pXmlNode){ for(var child=pXmlNode.firstChild;child!=null;child=child.nextSibling){ var key=child.getAttribute("key"); var value=child.getAttribute("value"); if(child.firstChild){ var treeNode = insFld(pTreeNode, gFld(genRB('tn',key,value))); iterator(treeNode,child); }else{ insDoc(pTreeNode, gLnk(genCB('tn',key,value))); } } } ImageDir = "TV/";//树的图片目录 var fT = gFld(genPlain("选择区域"));//建立树根 newXML=new ActiveXObject("Microsoft.XMLDOM"); newXML.load("CascadedSelectTree.xml");//导入数据XML var XMLNode = newXML.documentElement;//建立XML根 //初始化树 iterator(fT,XMLNode); </script> <table id='treetable' name='treetable' border="0" width="100" cellspacing="0" cellpadding="0"> <tr><td><script>ini(fT)</script></td></tr> </table> <script> cON(1);cON(4);cON(5);cON(7);//预先打开某些节点 </script> </html>

评论收藏

内容反馈