TreeView(扩充XMLSelTree)(一)

原创 2004年05月21日 14:30:00

TreeView(扩充XMLSelTree

VisualSW

基于XMLJavaScriptTreeView

参考http://61.163.246.155/pro/XMLSelTree/感谢XMLSelTree程序的作者。

增加功能:右键添加删除节点、保存Check状态、展开所有节点、合并所有节点等。

效果图:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />CSDN_Dev_Image_2004-5-201628000.png

合并

CSDN_Dev_Image_2004-5-201628002.png

获取XML,获取树结构的XML字符串

CSDN_Dev_Image_2004-5-201628004.png

右键菜单操作:

CSDN_Dev_Image_2004-5-201628006.png

修改:

CSDN_Dev_Image_2004-5-201628008.png结果 CSDN_Dev_Image_2004-5-2016280010.png

新增:

CSDN_Dev_Image_2004-5-2016280012.png结果 CSDN_Dev_Image_2004-5-2016280014.png

删除:

CSDN_Dev_Image_2004-5-2016280016.png

结果:

CSDN_Dev_Image_2004-5-2016280018.png

实现:

TreeNode.xml结构修改为:

<?xml version='1.0' encoding='gb2312'?>

<Root>

       <TreeNode Title='测试001' CheckData="001" Checked="true">

              <TreeNode Title='目录测试001' CheckData="002" Checked="true"/>

              <TreeNode Title='测试0011' CheckData="003" Checked="true">

                     <TreeNode Title='目录测试001' CheckData="004" Checked="false"/>

                     <TreeNode Title='目录测试222' CheckData="005" Checked="true"/>

                     <TreeNode Title='目录测试333' CheckData="006" Checked="false"/>

                     <TreeNode Title='目录测试444' CheckData="007" Checked="false"/>

              </TreeNode>

              <TreeNode Title='测试0012' CheckData="008" Checked="false">

                     <TreeNode Title='目录测试001' CheckData="009" Checked="false"/>

                     <TreeNode Title='目录测试222' CheckData="010" Checked="false"/>

                     <TreeNode Title='目录测试333' CheckData="011" Checked="false"/>

                     <TreeNode Title='目录测试444' CheckData="012" Checked="false"/>

              </TreeNode>

       </TreeNode> 

</Root>

增加attribute:Checked标识是否选中。

 

下载XMLSelTree,添加下面代码。

 

/*

功能:将xml选中信息转换为html的选择

作者:申旺

*/

function SetISCheck(s_Html)

{

    var strReplace="CHK=/"true/"";

    s_Html=s_Html.replace(strReplace,"Checked");

    strReplace="CHK=/"false/"";

    s_Html=s_Html.replace(strReplace,"");

    return s_Html;

}

 

/*

修改:申旺

*/

 

/*

功能:展开所有节点

*/

function ExpandAll()

{   

    m_oConfig.bExpand=true;

    RecursionTree(m_oConfig.oSrcDiv.children[0]);   

}

 

/*

功能:收起所有节点

*/

function UnExpandAll()

{

    m_oConfig.bExpand=false;;

    RecursionTree(m_oConfig.oSrcDiv.children[0]);

}

 

/*

功能:递归所有节点

*/

function RecursionTree(obj)

{   

    if(obj.children.length==0)

    {       

        if(obj.tagName=="IMG")

        {

            if(m_oConfig.bExpand)

            {

                if(obj.nameProp=="NodeImg1.gif")

                {

                    MouseClick(obj);

                }

             }

             else

             {

                if(obj.nameProp=="NodeImg2.gif")

                {

                    MouseClick(obj);

                }

             }                  

        }       

    }

    else

    {

        var i;

        for(i=0;i<obj.children.length;i++)

        {

            RecursionTree(obj.children[i]);

        }

    }

}

 

 

/*新增节点*/

function AddNode(s_Text,s_Value)

{

    var oXMLDom      = new ActiveXObject("Microsoft.XMLDOM") ;

       oXMLDom.async   = false ;  

       oXMLDom.loadXML(TreeXML);

      

       var RootNode = oXMLDom.selectNodes("/Root").item(0);

       ReadNode(RootNode,s_Text,s_Value,"ADD",oXMLDom);

      

       TreeXML=oXMLDom.xml;

       window.onload();

       ExpandAll();  

}

/*修改节点*/

function ModifyNode(s_Text,s_Value)

{

    var oXMLDom      = new ActiveXObject("Microsoft.XMLDOM") ;

       oXMLDom.async   = false ;  

       oXMLDom.loadXML(TreeXML);

      

       var RootNode = oXMLDom.selectNodes("/Root").item(0);

       ReadNode(RootNode,s_Text,s_Value,"MODIFY");

      

       TreeXML=oXMLDom.xml;

      

       window.onload();

       ExpandAll();

}

 

/*删除节点*/

function DeleteNode(s_Text,s_Value)

{

    var oXMLDom      = new ActiveXObject("Microsoft.XMLDOM") ;

       oXMLDom.async   = false ;  

       oXMLDom.loadXML(TreeXML);

      

       var RootNode = oXMLDom.selectNodes("/Root").item(0);

       ReadNode(RootNode,s_Text,s_Value,"DELETE");

      

       TreeXML=oXMLDom.xml;

       window.onload();

       ExpandAll();

}

 

function ReadNode(Element,s_Text,s_Value,OP,oXMLDom)

{

    if(Element.hasChildNodes)

    {       

        if(Element.nodeName=="TreeNode")

        {           

            if((Element.getAttribute("Title")==s_Text) && (Element.getAttribute("CheckData")==s_Value))

            {  

                switch(OP)

                {

                    case "ADD":

                        var NewNode = oXMLDom.createNode(1, "TreeNode", "");

                        NewNode.setAttribute("Title",ipt_Title.value);

                        NewNode.setAttribute("CheckData","000");

                        NewNode.setAttribute("CHK","true");

                        Element.appendChild(NewNode);

                        break;

                    case "MODIFY":

                        Element.setAttribute("Title",ipt_Title.value);

                        Element.setAttribute("Caption",ipt_Caption.value);

                        break;

                    case "DELETE":

                        Element.parentNode.removeChild(Element);

                        break;

                    default:

                        break;

                }               

            }

        }

        var i;

        for(i=0;i<Element.childNodes.length;i++)

        {  

            if(OP=="ADD")

            {

                ReadNode(Element.childNodes[i],s_Text,s_Value,OP,oXMLDom);

TreeView(扩充XMLSelTree)(二)

TreeView(扩充XMLSelTree)VisualSW基于XML、JavaScript的TreeView。}            else            {              ...
  • VisualSW
  • VisualSW
  • 2004年05月21日 14:30
  • 1876

TreeView展开一个节点后,折叠其它节点

这是在网上找到的方法。前台代码: 关键是:OnTreeNodeExpanded="TreeView1_TreeNodeExpanded" 后台代码:   protected void TreeVie...
  • w809026418
  • w809026418
  • 2009年06月12日 13:32
  • 3779

TreeView控件AfterSelect、NodeMouseClick事件的问题

AfterSelect事件中写代码,第二次点同一个节点,事件不会触发。除非换单击别的节点才能继续触发afterselect事件。NodeMouseClick 事件,是节点单击事件,e.node 是当前...
  • jiutao_tang
  • jiutao_tang
  • 2011年07月09日 08:31
  • 6914

简单(simple)扩充视图树(TreeView)

先上图:在sdk下的tools下得hierarchyviewer.bat打开 第一步 点击黑体字查看(look through)视图树如下 (following)、当我们看到整个视图树的时候,我们...
  • wqewq19
  • wqewq19
  • 2015年12月14日 09:27
  • 144

扩充数据集升级版 --> 提取目标

俺上个程序说的是在深度学习的趋势下扩充数据集的问题,并附了代码和demo,这次的博客就是上个代码的升级版,提取目标的数据扩充。 话不多说,直接上代码和demo。...
  • samylee
  • samylee
  • 2016年12月05日 17:46
  • 1451

图像扩充用于图像目标检测

常用的图像扩充方式有: 水平翻转,裁剪,视角变换,jpeg压缩,尺度变换,颜色变换,旋转 当用于分类数据集时,这些变换方法可以全部被使用,然而考虑到目标检测标注框的变换,我们选择如下几种方式用于目...
  • wei_guo_xd
  • wei_guo_xd
  • 2017年07月03日 15:05
  • 291

asp.net treeview 控件的使用

    TreeView 是 ASP.NET 的 Navigation 中的一个控件,实际上就是我们平时所说的树型菜单。 在视图设计中添加 TreeView。 HTML代码清单:后台代码清单:prot...
  • liumqj
  • liumqj
  • 2011年06月16日 11:54
  • 4897

WinForm下的TreeView拖拽操作

http://www.cnblogs.com/zfqbt/archive/2009/12/17/1626582.html //开始拖动操作事件       private ...
  • u013908405
  • u013908405
  • 2017年02月09日 14:27
  • 1065

TreeView 的用法开始(挺全的)

程序编写 2007-02-10 23:23:59 阅读19 评论0 字号:大中小 //************* TreeView 的用法开始******************//一:TreeVie...
  • MyDream_yuyanqing
  • MyDream_yuyanqing
  • 2010年05月05日 16:54
  • 2922

深度学习_数据扩充学习

别人写的博客,记录下,防止以后找不到,顺便留着以后更新写自己的东西 http://blog.csdn.net/samylee/article/details/53436648...
  • chenzhi1992
  • chenzhi1992
  • 2016年12月02日 18:14
  • 696
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:TreeView(扩充XMLSelTree)(一)
举报原因:
原因补充:

(最多只允许输入30个字)