ZK 教學 - 在 ZK 元件上設定 HTML attribute

ZK 教學 - 在 ZK 元件上設定 HTML attribute - 文法檢查

有些 HTML attribute， ZK 元件並不支援，像 HTML5 spellcheck，這時用 Client Attribute 就可以輕易加上去。

<textbox xmlns:ca="client/attribute" ca:spellcheck="true"/>

這樣 textbox 就擁有 browser 提供的文法檢查能力了。

Client Attribute 是很不錯的設計。雖然 ZK 元件是一個 UI 抽象層，但像這麼簡單的功能就不用做在元件層，這個功能可以直接操作底層 DOM element，彌補抽象層的不足，或可直接得益於底層，不用耗費人力去做一個對應元件 attribute。

留言

這個網誌中的熱門文章

XMind使用心得

使用FreeMind有好一段時間，不過畫面單調一直是我不滿意之處。 XMind在畫面上好看很多，節點形狀樣式、分支線樣式有多樣選擇，也可以匯入FreeMind的檔案。類似Excel般，工作頁活頁的概念也很不錯，可以將多個相關的心智圖存在一起。可以某個分支為中心來檢視的功能也很令人激賞，完全符合心智圖那種可見樹、可見林的特性。不過使用上有幾項缺點: 1.不能設定節點的預設文字大小。預設應該是10點字，太小了，但是「喜好設定」內沒有地方可以修改，需要每次自己加大字型，很麻煩。 2.沒有加大字型的動作可以設定快速鍵。我喜歡不只是用顏色，還有用字型的大小來凸顯主幹、分支的差別，不能快速的增大、縮小字型很不便。

閱讀完整內容

ZK 教學 - 使用 MVC 或 MVVM?

不管是現在剛開始接觸 ZK 或是用過一陣子的人都可能會遇到的問題是到底要用 MVC 或 MVVM 的方式開發。從 ZK 8 之後又把 MVVM 的能力更佳的擴展，所以 MVVM 會是一個功能更強的開發方式。但 MVC 在使用上比較直覺，仍有其優勢，所以我想決定性的因素會比較是開發者的偏好及專案的特性。你可參考下面的比較來決定哪種方式比較適合你。優勢比較 MVVM ViewModel 較不易受畫面變動影響。因為 ViewModel 沒有變數直接指向 ZK 元件，因此若是畫面上有元件更改，ViewModel 一般不需要修改 ViewModel 較易於在不同頁面中重用。因為 ViewModel 只包含資料跟業務邏輯，若是不同頁面需要的資料跟業務邏輯相同，就可以重用同一個 ViewModel 例如 A 頁面按按鈕執行搜尋，B 頁面點選單執行同樣的搜尋，則可以重用同一個 ViewModel 中的 command，只是兩個頁面 data binding 寫在不同的元件上。畫面較易於重用（易於模組化）。透過 shadow component 跟 template 機制，可以將一段頁面的片段做成可以接受傳入參數套用 Responsive Design 的成本較低。通常需要針對不同裝置設計不同版面，但是顯示的資料內容大同小異，因此 ViewModel 多半可以重用易於套用美工所設計的畫面，或是網路上現成的元件。易於整合第三方 javascript library 或 widget。因為 ZK 8 提供了一個可以讓你透過 javascript 去呼叫 ViewModel 中的 command (client side binding) 的方式來跟後端溝通 ViewModel 的可測試性較好。因為 ViewModel 不需要繼承特定類別跟實作特定介面，可以輕易地執行單元測試 MVC 操控元件方式直覺好學、易懂。 MVVM 控制元件較不直接，需要了解 zk framework data binding 的行為可以完全使用元件所提供的所有 API。仍有極少部分 ZK 元件行為沒辦法用 MVVM 控制。例如產生 Messagebox , Listbox.renderAll() , Popup.o...

閱讀完整內容

JavaScript 關掉瀏覽器頁面

如果你直接呼叫 window.close() 來關掉目前的頁面的話，你應該會在 console 看到以下訊息： Scripts may close only the windows that were opened by it. ( 我在 Chrome, Firefox, IE 11 都試過) 主因就是你並沒有用 JavaScript 開啟這個頁面，所以也不能用 JavaScript 關掉它。這是 HTML window.close() 的規格規定，各家瀏覽器應該都遵循。隨著瀏覽器安全性增加，以下方法已經不適用了，可參考這個討論。有個變通的辦法就是： window.open(location, '_self').close();

閱讀完整內容

無垠天際

搜尋此網誌