移植IEWebControls到Java开发环境

原创 2006年06月02日 14:07:00
在.Net环境中,本人觉得iewebcontrols控件做的很不错,但是在一个Java项目中,我想找一个TreeView web控件,试过了xtree以及YUI,但始终感觉不如iewebcontrols中的treeview做的好,我想:可不可以将它移植过来呢?
我将页面生成的Html文件保存下来,分析了一下,以下是测试脚本:
//**********************************************************************************************//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <title>tree</title>
  <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <LINK href="css/style.css" _fcksavedurl=""css/style.css"" type="text/css" rel="stylesheet">
 </HEAD>
 <SCRIPT>
    //通过NodeData查找节点
    function getNodeByData(tree,data){
        var root=tree.getChildren();
        for(var i=0;i<root.length;i++){
           if(root[i].getAttribute("NodeData")==data){
              return root[i];
           }else if(root[i].getChildren().length>0){
              var node=getNodeByData(root[i],data);
              if(node!=null) return node;
           }
        }
        return null;
    }
    //通过节点文本查找节点
    function getNodeByText(tree,text){
        var root=tree.getChildren();
        for(var i=0;i<root.length;i++){
           if(root[i].getAttribute("Text")==text){
              return root[i];
           }else if(root[i].getChildren().length>0){
              var node=getNodeByData(root[i],text);
              if(node!=null) return node;
           }
        }
        return null;
    }
    //测试添加节点
    function doadd(){
        //alert(tvNodes.getTreeNode(tvNodes.selectedNodeIndex).getAttribute("NodeData"));
        var node1=getNodeByText(tvNodes,'权限管理');
        var node2=getNodeByData(tvNodes,'1101');
        //alert(node1.getAttribute("NodeData"));
        //alert(node2.getAttribute("Text"));
        var node3=tvNodes.createTreeNode();
        if(node1!=null && node2!=null){
         node3.setAttribute("NodeData","1109");
         node3.setAttribute("Text",node2.getAttribute("Text"));
         node3.setAttribute("NavigateUrl",node2.getAttribute("NavigateUrl"));
         node3.setAttribute("ImageUrl",node2.getAttribute("ImageUrl"));
         node3.setAttribute("SelectedImageUrl",node2.getAttribute("SelectedImageUrl"));
         node3.setAttribute("ExpandedImageUrl",node2.getAttribute("ExpandedImageUrl"));
         node3.setAttribute("Target",node2.getAttribute("Target"));
         node1.add(node3);
        }
    }
    //测试删除节点
    function dodel(){
        var node=getNodeByData(tvNodes,'1109');
        //alert(node.getParent().getAttribute("Text"));//获取父节点
        if(node!=null) node.remove();
    }
   </SCRIPT>
 <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" rightmargin="0" scroll="no">
  <form name="Form1" method="post" action="left.aspx" id="Form1">
       <input type="hidden" name="__tvNodes_State__" value=""/>
   <FONT face="宋体">
    <TABLE class="Table0" id="TableLeft" cellSpacing="1" cellPadding="1" border="0" width="180"
     height="100%">
     <TR>
      <TD><?XML:NAMESPACE PREFIX=TVNS />
<?IMPORT NAMESPACE=TVNS IMPLEMENTATION="webctrl_client/1_0/treeview.htc" />
<tvns:treeview id="tvNodes" selectedNodeIndex="0" HelperID="__tvNodes_State__" systemImagesPath="./webctrl_client/1_0/TreeImages/" onexpand="javascript: if (this.clickedNodeIndex != null) this.queueEvent('onexpand', this.clickedNodeIndex)" oncollapse="javascript: if (this.clickedNodeIndex != null) this.queueEvent('oncollapse', this.clickedNodeIndex)" oncheck="javascript: if (this.clickedNodeIndex != null) this.queueEvent('oncheck', this.clickedNodeIndex)" onselectedindexchange="javascript: if (event.oldTreeNodeIndex != event.newTreeNodeIndex) this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex)" style="height:100%;width:175px;Z-INDEX: 101">
 <tvns:treenode Expanded="True" Selected="true" NavigateUrl="baseinfo/info_employee_main.aspx" NodeData="1000" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
  基本信息管理<tvns:treenode NavigateUrl="baseinfo/info_employee_main.aspx" NodeData="1001" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   用户管理
  </tvns:treenode><tvns:treenode NavigateUrl="baseinfo/info_company_main.aspx" NodeData="1002" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   部门公司管理
  </tvns:treenode><tvns:treenode NavigateUrl="baseinfo/info_BaseCode_main.aspx" NodeData="1003" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   基本代码管理
  </tvns:treenode>
 </tvns:treenode>
 <tvns:treenode Expanded="True" NavigateUrl="right/user_node.aspx" NodeData="1100" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
  权限管理<tvns:treenode NavigateUrl="right/Auth_node_info.aspx" NodeData="1101" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   节点信息
  </tvns:treenode><tvns:treenode NavigateUrl="right/Auth_right_info.aspx" NodeData="1102" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   页面管理
  </tvns:treenode><tvns:treenode NavigateUrl="right/Auth_role_info.aspx" NodeData="1103" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   角色信息
  </tvns:treenode><tvns:treenode NavigateUrl="right/user_node.aspx" NodeData="1201" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   节点授权
  </tvns:treenode><tvns:treenode NavigateUrl="right/user_right.aspx" NodeData="1202" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   页面授权
  </tvns:treenode><tvns:treenode NavigateUrl="right/user_role.aspx" NodeData="1203" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   用户角色管理
  </tvns:treenode><tvns:treenode NavigateUrl="right/user_query.aspx" NodeData="1204" ImageUrl="images/image/page.gif" SelectedImageUrl="images/image/xiaotu.jpg" ExpandedImageUrl="images/image/expand.gif" Target="mainFrame">
   查询授权
  </tvns:treenode>
 </tvns:treenode>
</tvns:treeview>
      </TD>
     </TR>
    </TABLE>
 <table style="position: absolute; width: 200px; top: 100px; left: 300px; height: 100%;">
        <input type='button' value='add' onclick='doadd()'></input>
        <input type='button' value='delete' onclick='dodel()'></input>
 </table>
 </FONT>
 </form>
 </body>
</HTML>
//**********************************************************************************************//
    在IE下,以上Html脚本可以单独作为文件保存,它和iewebcontrols安装后的webctrl_client目录在同一个目录下,这样就可以运行在实际的开发当中,<tvns:treenode>节点我们可以采用XML来生成。
    在该脚本中,我添加了四个函数,分别用来:(1)通过NodeData查找节点;(2)通过节点文本查找节点;(3)添加节点;(4)删除节点。我想具备了这几个功能之后,在jsp当中就可以灵活的使用这个treeview组件了。
    技术说明:在这个组件当中,使用了两个很关键的技术:htc以及XML命名空间,当然也用到了DOM和Javascript,在我的脚本当中,使用了里面的方法和属性,详细使用和功能需要揣摩webctrl_client/1_0下的treeview.htc文件中的方法和属性
    说明:在java环境中,如果出现树的部分图片显示不正常,检查一下图片链接地址是否有问题,参考路径是systemImagesPath,还有一种可能情况是图片的名称大小写是否一致,不一致的话修改图片名称,因为在java环境中很多服务器的文件名是区分大小写的。

1-1 Java开发环境.ppt

  • 2014年12月23日 11:18
  • 420KB
  • 下载

java开发环境

  • 2015年01月07日 14:02
  • 524KB
  • 下载

Kafka实践(三) java开发环境搭建

前面已经部署好了Kafka集群(伪分布式),下面要进入java开发环境搭建。 一、环境描述       1、win10下 eclipse (kepler)        2、本机建立了虚拟机 系...
  • csolo
  • csolo
  • 2016年09月06日 14:21
  • 7307

JAVA开发环境的安装

  • 2013年10月15日 14:44
  • 2.21MB
  • 下载

Java开发环境的搭建以及使用eclipse创建项目

一、Java 开发环境的搭建 这里主要说windows环境下怎么配置Java环境。如果是Linux环境参考本博客另一篇文章即可: Linux环境安装卸载JDK 1.首先安装JDK java的S...
  • unix21
  • unix21
  • 2014年01月27日 14:33
  • 7972

java开发环境搭建

  • 2013年08月05日 10:48
  • 583KB
  • 下载

JAVA开发环境搭建(示例)

  • 2013年11月12日 23:12
  • 1.32MB
  • 下载

黑马程序员-java开发环境搭建

---------------------- android培训、java培训、期待与您交流! ----------------------       Java平台分类 JavaSE(Jav...

linux中java开发环境的安装

  • 2013年12月11日 13:38
  • 798B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移植IEWebControls到Java开发环境
举报原因:
原因补充:

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