Javascript 目錄樹使用簡介

XTree 樹控件使用手冊

1?????? API 說明

1.1 ??? WebFXTreeAbstractNode

樹控件的抽象基類，不需要創建實例。它具有如下屬性和方法。

1.1.1 ?? 屬性

1.???????? id ????????? － 數字類型 只讀

樹節點的唯一標識

2.???????? text ???????????? － 字符串

節點的顯示內容

3.???????? action ?? － 字符串 ???

節點的動作響應，如 <a href=”action”>

4.???????? open????????????? － ? 布爾型 ?? 只讀

表示該節點是否為打開狀態還是合攏狀態，默認情況下當該節點下沒有子節點時返回 false

5.???????? icon??????? － ?? 字符串

指定當前節點顯示的圖標，如果不指定則使用默認圖標

6.???????? openIcon?????? － ?? 字符串

指定節點展開時的圖標（當有子節點時有效），不指定則使用默認圖標

7.???????? parentNode??? － 引用

指向父節點的引用

8.???????? childNodea???? － ?? 數組

包含該節點下的所有子節點

?

1.1.2 ?? 方法

1.???????? add(oNode, [bNodeIndent]) － ?? 返回 ??????

?

2.???????? indent()? － void

?

?

3.???????? toggle()? － void

?

4.???????? expand() － void

?

?

5.???????? collapse()?????? － void

?

6.???????? expandAll()?? － void

?

?

7.???????? collapseAll()? － void

?

8.???????? expandChildren() － void

?

?

9.???????? collapseChildren()?????? － void

?

10.???? getNextSibling()?? － ?? 返回 WebFXTreeItem 的引用

?

?

11.???? getPreviousSibling()??? － ?? 返回 WebFXTreeItem 的引用

?

12.???? toString()

?

?

1.2 ??? WebFXTree

WebFXTree 是樹控件的根實體類，繼承自 WebFXTreeAbstractNode

1.2.1 ?? 構造方法

WebFXTree(text, action, behavior, icon, openIcon)

1.2.2 ?? 屬性

1.2.3 ?? 方法

1.3 ??? WebFXTreeItem

1.3.1 ?? 構造方法

1.3.2 ?? 屬性

1.3.3 ?? 方法

2?????? 使用說明

2.1 ??? 包含 js 文件

如： <script src=”xtree.js”></script>

2.2 ??? 創建根節點

var?? root = new WebFXTree(“Root”);

2.3 ??? 添加子節點

root.all(new WebFXTreeItem(“Item1”));

root.all(new WebFXTreeItem(“Item2”));

root.all(new WebFXTreeItem(“Item3”));

?

2.4 ??? 輸出

document.write(root);

3?????? 高級應用

3.1 ??? 添加目錄

var?? root = new WebFXTree(“Root”);

root.all(new WebFXTreeItem(“1”));

var folder = new WebFXTreeItem(“2”);

root.add(folder);

foldr.all(new WebFXTreeItem(“2.1”));

folder.all(new WebFXTreeItem(“2.2”));

root.all(new WebFXTreeItem(“3”));

document.write(root);

3.2 ??? 定制行為

目錄樹的行為可以定制，通過 setBehavior 方法可以設定目錄樹中只包含目錄，如

var?? root = new WebFXTree(“Root”);

root.setBehavior(‘explorer’);

:

:

略

3.3 ??? 定制圖標

var?? root = new WebFXTree(“Root”);

root.all(new WebFXTreeItem(“1”));

var folder = new WebFXTreeItem(“2”);

root.add(folder);

var t21 = new WebFXTreeItem(“2.1”);

t21.icon=webFXTreeConfig.fileIcon;?? // 設置節點 t21 的圖標

foldr.all();

folder.all(new WebFXTreeItem(“2.2”));

root.all(new WebFXTreeItem(“3”));

document.write(root);

posted @ 2006-05-30 12:57 onlylife 閱讀(5389) | 評論 (0) | 編輯 收藏

javascript中使用showModalDialog的注意事項

在網頁上，我們一般使用window.showModalDialog(<url>,<標題>,<屬性>)來彈出一個模態對話框。但是在模態對話框中的提交有時候是無效的，而且頁面跳轉的話不是在對話框中的。
??? 解決這個問題的方法一般是在對話框中的頁面上添加一個<iframe>,由<iframe>來轉發真正的請求。為了增加頁面的可重用行，我們一般會增加一個portal頁，如下：

<% @?page?contentType = " text/html;?charset=gb2312 " ? %>
<% @?page?import = " you.RequestCacher " ? %>
<%
???? String ?requestUrl? = ? " /test/test.do " ;
???? String ?params? = ?RequestCacher.getParameters(request); // 獲取請求參數
???? String ?action? = ?requestUrl + " ? " + params;
%>

< table? width ="100%" ?height ="100%" ?border ="0" ?cellspacing ="0" >
???? < tr >
???????? < td >
???????????? < iframe? width ="100%" ?height ="100%" ?src ="<%=action%>" ></ iframe >
???????? </ td >
???? </ tr >
</ table >

posted @ 2006-05-16 11:36 onlylife 閱讀(1788) | 評論 (0) | 編輯 收藏