鐵人檔案
從頭講解 ZK UI 框架的各方面基礎知識與用法，作爲初學者的入門磚，未來可以藉此基礎自行深入學習更多 ZK 相關開發技術。主要講解 MVC 樣式的開發方法，因為這個樣式比較易懂。
為了讓使用者更直覺的修改，我希望能直接點英雄的名字就切換成可修改的輸入元件，修改完後就直接存回後端。 頁面設計 修改英雄，首先要先調整頁面元件，將原本的 &l...
允許使用者輸入幾乎是每個系統都需要的功能，為了確保資料內容或格式的正確性，通常會加上一些資料驗證規則來確保使用者輸入是符合預期的，以下介紹幾種 zk 的輸入驗證...
資料驅動繪製 (Model-driven Rendering) 英雄列表範例已經初步展示過 Listbox 的用法，你應該可以觀察到它的架構也可分成 MVC三個...
shadow element， 它的命名就透露出它不是個外顯的 UI 元件，實際上它的確不會繪製出任何東西到瀏覽器上，只是在元件樹上控制元件的生成與消滅，如同陰...
重用頁面片段 當我們設計頁面發現有些元件的組合重複出現時，雖然可以直接「複製—貼上」，但是如果使用範本插入，會更符合物件導向設計中的「重用」原則 (或 DRY)...
<if> 條件控制 <if> 元素根據 test 屬性中的評估值決定其下的元件是否創建： <if test="${emp...
走訪集合物件 <forEach> 跟 Listbox, Grid 同樣支援 model-driven rendering，也就是基於 ListMod...
每個元件都能指定尺寸（長寬），但是有些時候無法設定一個固定尺寸，尤其是現在網頁系統都是移動裝置優先設計 (mobile first)，固定尺寸就很可能造成桌面、...
不論是自己實作拖放效果，或是使用 JavaScript 函式庫，都需要花點心思才能做出，如果不熟 JavaScript 的人還是挺麻煩。ZK 所有元件都內建拖放...
頁面導航是指在一個應用程式內「多個頁面之間切換」的議題。當頁面越來越多的時候，就需要一個方法將頁面組織串連起來，好讓使用者可以容易在多個頁面之間遊走，不致迷失。...