Tag: knockout.js
-
Knockout JS: Filter an Array
雖然只在兩個小型專案中使用過 Knockout JS，儘管語法稍嫌囉嗦了點，但能大幅減少前端頁面互動功能開發的難度。 最近碰到一個功能是頁面載入後，透過 AJAX 向 Server 端取回 JSON 資料，接著用 KO 顯示成列表。需求是能像 Mac OS 的 Spotlight 那樣，輸入文字即時顯示搜尋結果。 因為這串資料的變動頻率不高，所以從 KO 的 observableArray 過濾就可以了。
-
Bookmark: Knockout.js
忘了是什麼時候知道有 Knockout.js 這玩意兒，當時沒用到，玩了一下 knockout.js 網站上的互動教學後只覺得很強大，然後就沒理它了。 前些時候在某個專案的後期有個需要整合許多資料的動態表單頁面。表單內容之多，又有許多互相連動的 <input> 元素，即使有 jQuery 加持也備感吃力，靈光一閃，好像有個 MVVM 的 js 實作…. 所以又回頭開始看起了 Knockout.js，不過這次有比較認真了解怎麼用 (笑)。 在專案 Git 上開了分支，導入 knockout.js。基本的使用蠻簡單的，實際開始寫撰寫相關的 MVVM 函式大概一天半就把主要的功能都完成了。之後再微調、增加次要功能等等，前後五天就把這個超難搞的表單頁面收拾乾淨，往結案邁進一大步。