ZK Live Demo 範例 - 簡介


ZK 官網有提供相關詳細又完整的 Live Demo 範例,

而且既稱 Live Demo, 就表示可以隨時更改程式, 馬上觀看其變化結果,

Live Demo 介紹, 如下 :

1) 鏈結 ZK Live Demo 網址: http://www.zkoss.org/demo/, 隨便點選 Demo 圖示, 如: ZK Explorer 圖示 :


2) 上半部是 Demo 大分類, 左半部是 Demo 小分類, 右半邊是 Demo 內容 :


3) 切換到 View Source 頁籤, 可以看到該 Demo 的 ZUL 程式碼 :


4) 既稱 Live Demo, 就可以在 View Source 中更改程式碼, 然後按 "Try me" 鈕查看更改結果 :


更改後的結果, 如下 :


5) 切換到 Pure Java 頁籤, 可以看到該 Demo 的 Java 程式碼 :


6) 也可以看看其他 Demo 範例與其對應的 Source Code, 加強自己對其他功能的了解喔 :




Related Posts Plugin for WordPress, Blogger...