KO範例17 - 以ko.computed實現資料檢核

2012-09-27 10:56 PM

7,155

ko.computed()可在read/write方法加入邏輯，概念上就跟C#屬性可定義get及set一樣，能實現自訂屬性讀寫規則，如下面的C#範例，有機會在set UserName時實施不合法字元檢核: private string userName = string.Emp...

KO範例16 - 可寫入式ko.computed()

2012-09-26 11:57 PM

6,610

先前範例中出現的ko.computed()多用於對其他屬性值進行組合或運算，屬唯讀性質。但ko.computed()也支援寫入功能，可將寫入的新值經處理運算後用於更新相關屬性。針對可寫入式ko.computed，宣告時將不再只傳入單一function，需分別宣告讀、寫對應的函數: s...

KO範例15 - 訂閱屬性變更事件

2012-09-25 10:40 PM

7,739

在Knockout預設機制中，能感應ViewModel屬性的改變，自動更新UI元素或是依據依賴關係重算ko.computed()函數，除此之外，我們還能"訂閱"屬性改變事件，以便在屬性值被修改時執行特定邏輯。第一種做法是利用ko.observable()的.subscri...

KO範例14 - JavaScript物件與JSON轉換

2012-09-24 11:16 PM

18,526

利用knockout.js將網頁輸入結果對應到ViewModel，後續常需將其再轉為JavaScript物件或JSON字串抛至後端。由於ViewModel主要使用ko.observable()及ko.observableArray()，以JavaScript物件觀點為方法函數(function)...

KO範例13 - Template範本功能

2012-09-23 11:33 PM

9,370

Template範本(或稱為樣版)功能主要用於同一組輸出樣式需反覆套用多次的情境，在先前foreach範例中，<tbody>內含的HTML元素便是一種範本，重複套用在每一筆資料以產生<tr>。除了將範本直接定義在容器元素內，範本內容也可另存於<script type...

KO範例12 - 使用自訂繫結整合KendoUI

2012-09-22 10:07 PM

15,053

雖然knockout.js已經提供很多好用的繫結，例如: value、text、checked、attr、css... 等等，但實務上一定有無法滿足需求的情境。針對這點，KO允許開發者自訂繫結行為，以滿足專案中稀奇古怪的需求。這已屬進階型應用，但深入了解後就會發現此一擴充特性，讓KO更顯威力強大...

JavaScript排版陷阱 – return的分號地雷

2012-09-21 10:48 PM

8,501

印象中，JavaScript跟C、C#一樣，可以在程式碼段落中任意插入空白、換行而維持相同語意，屬於Free-Form Language的一員。雖然排成這樣沒什麼道理，但以下JavaScript可以執行無誤: funct...

TechDays 2012 隨堂筆記 0920

2012-09-20 11:02 PM

11,585

【HTML5開發友善網頁介面】已採用HTML5的實例: T客邦(語意標籤)、永豐銀行信用卡網站、LEXUS活動網站(canvas)、NVESTO股票線圖(canvas)、HITCON駭客年會官網(Responsive Web Design, RWD)、Fandora.tw(RWD) ...

TechDays 2012 隨堂筆記 0919

2012-09-19 11:36 PM

10,164

【Windows to Go】精準定義: 將Windows 8企業版安裝在認證過的隨身碟上帶著到處走應用情境: 方便攜帶，不帶NB也能在其他地方使用"自己的作業系統" (比帶NB輕巧，但個人以為此點說服力較弱) 臨時性人員 / ...

TechDays 2012隨堂筆記 0918

2012-09-18 10:53 PM

11,916

微軟年度盛會TechDays 2012又來了! 身為靠微軟技術討生活的中年大叔，跟著進香團帶筆電過個香爐參與課程認真做筆記，也是佷合情合理的。所以，TechDays 2012隨堂筆記來囉~~ 【Keynote】看到尚未上市的Intel Ultrabook雛型機展示，Keyboard ...

KO範例11–hasfocus繫結

2012-09-17 06:14 AM

8,276

依我個人觀點，hasfocus繫結的實用性較低，但應該還是有適用的場合。簡單地說，它可以將Boolean屬性繫結到可取得輸入焦點的HTML元素上(例如: TextBox、CheckBox、RadioButton、Select、Button...)形成雙向繫結，當元素取得焦點時，ViewModel...

KO範例10 - checked繫結

2012-09-16 10:04 PM

11,591

針對checkbox, radio等HTML元素，knockout.js提供了checked繫結。有三種應用方式: 配合多個radio，使用相同的name形成多選一，每個radio有不同的value，KO會將被點選radio的value設成到指定的ViewModel屬性上；而當ViewM...

【笨問題】在Windows複製檔案時如何保留權限設定?

2012-09-15 10:53 PM

16,345

從Windows NT以來，檔案系統開始支援存取權限設定，但這個技巧今天才學會。在Windows裡將資料夾複製到另一個位置時，複製後的目錄及檔案預設會套用新位置的權限設定。今天想把網站搬到其他磁碟機，卻發現網站部分目錄被賦與IIS虛擬帳號寫入權限，複製過去後寫入權限設定遺失，導致網站無法...

KO範例9 - 事件繫結

2012-09-14 07:44 PM

8,149

knockout.js也支援繫結到網頁元素的事件，例如: keypress、click、mouseover、mouseout... 等都沒問題。但如果純粹要在特定事件加入程式邏輯，大可使用jQuery來做，突顯不出KO的強悍。依我個人看法，KO的事件繫結真正犀利之處在於搭配foreach、wit...