<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Hopes

    Start Here..

     

    xloadtree 的使用

    osted on 2006-04-04 09:42 火鳥 閱讀(6932) 評論(1)  編輯 收藏 
           XloadTree是http://webfx.eae.net/公司的基于JavaScript的建立樹型目錄的開源產品,擴展性強,使用簡單。

    1。XloadTree是基于XmlHttp請求/響應模型,必須使用http協議訪問代碼才可以正確加載XML文件。
    2。使用JSP/Servlet的實例如下:
    tree.jsp
    <%@ page 
    language
    ="java" 
    contentType
    ="text/xml; charset=UTF-8" 
    pageEncoding
    ="UTF-8" 
    %> 
    <% 
            response.setContentType(
    "text/xml"); 
            out.println(
    "<tree>"); 
            out.println(
    "<tree text=\"Load tree1.xml\" src=\"tree1.xml\" />"); 
            out.println(
    "<tree text=\"Loaded Item 1\" action=\"http://webfx.eae.net\" />"); 
            out.println("<tree text=\"Loaded Item 2\">"); 
            out.println(
    "<tree text=\"Loaded Item 2.1\" action=\"javascript:alert(2.1)\" />"); 
            out.println(
    "</tree>"); 
            out.println(
    "<tree text=\"Loaded Item 3 (with target)\" action=\"http://www.google.com\" target=\"_new\" />"); 
            out.println("<tree text=\"Load tree.xml\" src=\"tree.xml\" />"); 
            out.println(
    "</tree>"); 
    %>
    注意contentType="text/xml; charset=UTF-8" 和response.setContentType("text/xml"),使用的是"text/xml"不是"text/html"。

    修改代碼:
    <script type="text/javascript">

    /// XP Look
    webFXTreeConfig.rootIcon        = "images/xp/folder.png";
    webFXTreeConfig.openRootIcon    
    = "images/xp/openfolder.png";
    webFXTreeConfig.folderIcon        
    = "images/xp/folder.png";
    webFXTreeConfig.openFolderIcon    
    = "images/xp/openfolder.png";
    webFXTreeConfig.fileIcon        
    = "images/xp/file.png";
    webFXTreeConfig.lMinusIcon        
    = "images/xp/Lminus.png";
    webFXTreeConfig.lPlusIcon        
    = "images/xp/Lplus.png";
    webFXTreeConfig.tMinusIcon        
    = "images/xp/Tminus.png";
    webFXTreeConfig.tPlusIcon        
    = "images/xp/Tplus.png";
    webFXTreeConfig.iIcon            
    = "images/xp/I.png";
    webFXTreeConfig.lIcon            
    = "images/xp/L.png";
    webFXTreeConfig.tIcon            
    = "images/xp/T.png";

    //var tree = new WebFXLoadTree("WebFXLoadTree", "tree1.xml");
    //
    tree.setBehavior("classic");

    var rti;
    var tree = new WebFXTree("Root");
    tree.add(
    new WebFXTreeItem("Tree Item 1"));
    tree.add(
    new WebFXLoadTreeItem("Tree Item 2""tree.jsp"));//Loading JSP File
    tree.add(rti = new WebFXLoadTreeItem("Tree Item 3 (Reload)""date.xml.pl"));
    tree.add(
    new WebFXTreeItem("Tree Item 4"));

    document.write(tree);

    </script>
     

    xloadtree 的使用

    分類: struts2008-11-01 00:15 821人閱讀 評論(1) 收藏 舉報
     
    最近需要用一個在網頁上顯示一個樹形的結構,原來的javascript腳本不是很適合,就是用了xloadtee,這個東西還是很好用的,
    雖然還有一點點瑕疵,但是已經很好的達到了我的要求。
    大概需要做的工作:
    腳本引用:
    <link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/js/xtree2.css">
    <link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/js/xtree2.links.css">
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/xtree2.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/xloadtree2.js"></script>
    使用個div在頁面顯示整個樹:
    <div style="position: absolute; width: 200px; top: 10px; left: 15px; height: 100%; padding: 5px; overflow: auto;">
    <!-- js file containing the tree content, edit this file to alter the menu,
         the menu will be inserted where this tag is located in the document -->
    <script type="text/javascript">
    var tree = new WebFXTree("組織結構樹");
    tree.showRootNode = false;
    tree.showRootLines = false;
    tree.add(new WebFXLoadTreeItem("系統", "/sectiontree.do"));
    tree.expandAll();
    tree.write();
    </script>
    </div>
     
    頁面部分即可完成,下面是服務器端的代碼:
     
     public ActionForward execute(ActionMapping mapping, ActionForm form,
       HttpServletRequest request, HttpServletResponse response)
       throws Exception {
      response.setContentType("text/xml; charset=gbk");
      response.setHeader("Cache-Control", "no-cache");
      response.setDateHeader("Expires", 0);
      PrintWriter out = response.getWriter();
      String id = request.getParameter("id");
      Session ss = SessionHolder.getSessionHolder().currentSession();
      Document doc = new Document(new Element("tree"));
      if (id == null) {
       // 取得根節點
       String root = "select s from Section s inner join fetch s.children where s.parent.section_id is null";
       Query query = ss.createQuery(root);
       transfer(doc, query);
      } else {
       // 取得當前節點的id
       int sid = Integer.parseInt(id);
       String child = " from Section s where s.section_id=:id";
       Query query = ss.createQuery(child);
       query.setInteger("id", sid);
       transfer(doc, query);
      }
      SessionHolder.getSessionHolder().closeSession(ss);
      Format format = Format.getCompactFormat();
      format.setEncoding("gbk");
      format.setIndent("/t");
      XMLOutputter xout = new XMLOutputter(format);
      xout.output(doc, out);
      out.flush();
      out.close();
      return null;
     }
     private void transfer(Document doc, Query query) {
      List r = query.list();
      Section s = (Section) HibernateUtil.uniqueResult(r);
      for (Iterator it = s.getChildren().iterator(); it.hasNext();) {
       Section one = (Section) it.next();
       Element tree = doc.getRootElement();
       Element inner = new Element("tree").setAttribute("text", one
         .getName());
       tree.addContent(inner);
       if (!one.isLast())
        inner.setAttribute("src", "/TechCS/sectiontree.do?id="
          + one.getSection_id());
       inner.setAttribute("action", "javascript:setsection("
         + one.getSection_id() + ")");
      }
     }
    以上部分就可以完成樹結構的服務器部分。
    說明:使用struts+hibernate。

    posted on 2012-08-12 21:35 ** 閱讀(311) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    導航

    統計

    公告

    你好!

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章分類

    文章檔案

    新聞檔案

    相冊

    收藏夾

    C#學習

    友情鏈接

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 美女羞羞免费视频网站| 亚洲国产理论片在线播放| 国产亚洲视频在线| 免费黄色小视频网站| 亚洲日本VA中文字幕久久道具| 午夜宅男在线永久免费观看网| 四虎必出精品亚洲高清| 最近免费中文字幕大全视频| 伊人久久五月丁香综合中文亚洲| 成熟女人牲交片免费观看视频| 国产成人精品日本亚洲直接| 天天干在线免费视频| 黄色免费网站在线看| 亚洲熟女乱综合一区二区| 在线看片免费人成视频久网下载| 亚洲精品无码久久千人斩| 在线免费观看你懂的| 久久乐国产综合亚洲精品| 国产成人免费片在线观看| 亚洲免费视频一区二区三区| 亚洲精品美女久久久久99| 久久久久久久99精品免费| 亚洲国产综合在线| 国产一级一片免费播放i| 国产免费一级高清淫曰本片| 亚洲第一区香蕉_国产a| 无码永久免费AV网站| 国产精品亚洲精品日韩电影| 亚洲女同成av人片在线观看| 99久久免费中文字幕精品| 亚洲精品无码国产片| 国产午夜亚洲精品理论片不卡| 久久精品中文字幕免费| 亚洲综合精品伊人久久| 亚洲午夜激情视频| 免费不卡视频一卡二卡| 一级做受视频免费是看美女| 亚洲美女精品视频| 亚洲精品国产日韩无码AV永久免费网 | 日韩伦理片电影在线免费观看| 九九久久精品国产免费看小说 |