最近專案中引用了Telerik ASP.NET擴充元件AutoComplete輸入欄位，測試時發現偶爾會不聽始喚，輸入文字時無法觸發資料查詢，在Javascript Source Code裡反覆追蹤測試，燃燒了可觀的寶貴春青，終於理出頭緒: 問題在中文輸入法! 過去模糊地知道中文輸入在瀏覽器的鍵盤...

同事通報的Issue，花了好大功夫才找出問題點，特此記錄。 某網頁的<input id="x" type="text" />以jQuery掛上change事件，使用IE測試，卻出現第一次修改值後按Tab不會觸發change事件，第二次起change事件正常的情形。我另外加了docu...

除了Ajax()翻新及引進Deferred物件的大革新，jQuery 1.5還有些新東西: $.sub() $.sub()可產生jQuery函數的分身，允許我們修改產生客製版的jQuery於特殊範圍內使用，不影響程式的其他部分引用jQuery。如以下的例子，我客製了一個特別版jQ...

jQuery 1.5正式版已在2011/1/31釋出，照例我都會寫筆記文強迫自己搞懂改版重點，不過本次適逢過年，把這件事塞在冗長的Todo Queue屁股後，便很鴕鳥地繼續瞎忙工作與生活的大小瑣事。直到前幾天網友ChaN在留言中提了"jQuery 1.5"關鍵字，我才驚覺原來...

今年過年大樂透史無前例地加開了100組百萬獎金，但顯然彩券公司小看了大家想發財的決心，彩券公司網站在昨天晚上八點公佈百組額外獎號，"據說"還很貼心地提供了對獎程式(真的是據說，我到現在還沒看到它長什麼樣子)，但河道上持續看到噗友回報，台彩網站始終出現Server Is Bus...

在使用ASP.NET驗證控件時，我習慣將Validator的Text屬性設成"*"，以避免驗證失敗時，TextBox後方直接串接又臭又長的提示訊息，會破壞排版影響美觀。因此當驗證失敗時，輸入欄位後方只會出現一個紅色的星號，完整的訊息，則另外加掛ValidationSummary合併顯示在上方或下方...

恰巧與同事討論到將網頁輸入欄位設為唯讀的做法，就順便整理分享一下我嘗試過的幾種方式: readonly, disabled及blockUI。 我把三種做法整理在一個範例中，設了四個checkbox來啟動不同的唯讀效果進行測試: (四個checkbox有加上radio互斥點選的效果，請參照這篇文章)...

在先前的應用中，套用範本的資料來源都來自於Javascript資料物件陣列，而{{wrap}}提供了以HTML DOM當作資料來源的做法。 在前一篇筆記中展示了在範本中加入{{tmpl …}}引用其他範本的做法。{{wrap …}}的概念跟{{tmpl …}}很類似，只差在{{wrap …}}...

{{tmpl …}}標籤允許我們在範本中再套用其他範本，有利於將某些範本區段拆出來供多個範本共用。 其應用語法跟.tmpl()很類似，指定範本的方式可以選擇用HTML範本字串、jQuery Selector(如: <script>的id)、範本函數Cache名稱、或$.templa...

範本在應用前必須先經過編譯，將我們提供的範本內容(包在<script type="x-jquery-tmpl">中的HTML片段、或直接傳入的HTML字串)，變成一個"輸入資料物件、輸出HTML元素的Javascript函數"，而所謂"...

資料物件的屬性有時會以陣列形式表示多筆資料，在範本中，則可使用{{each}}標籤指定每筆陣列元素的呈現格式。 使用時，以{{each 陣列型別變數名稱}}及{{/each}}將顯示陣列元素的範本包夾起來，在其中可使用${$index}代表陣列元素的順序、${$value}表示陣列元素的值。如...

這篇筆記介紹兩個在範本中可用的範本標籤{{if}}  {{html}}。 {{if}}可以依資料值產生不同的結果，記得要以{{/if}}結尾，其中還可加入{{else}}分支。 一般而言，${資料物件屬性名}傳回的結果會經過HtmlEncode轉碼，例如，若data.prop1 =...

在範本套用的運用中，有時會需要參考背後的資料物件。舉例來說: 某個資料物件有六個屬性，範本的HTML只顯示了其中三個，當使用者點選該筆資料時，要以AJAX方式查詢細節資訊，此時需要未顯示的三個屬性當成查詢參數。依過往的做法，我常用<td propName=”propValue”>方式...

.tmpl() 函數接受兩個參數: 第一個是資料物件(data)、第二個則是控制選項(option)。控制選項是一個物件，允許我們在其中自訂變數及方法函數；而在範本中，可透過${$item.varName}存取自訂變數、${$item.methodName(param)}存取自訂的方法函數。 ...

2008年9月，微軟宣告將jQuery納入ASP.NET解決方案，之後更以社群成員的身分參與jQuery開發，今年3月，微軟則提出將jQuery Templates(範本)概念納入jQuery核心的提議。所謂jQuery Templates，指在Javascript中實作如同ASP/ASP.NE...

今天同事剛好問到如何透過AJAX方式在表單送出前進行資料檢核，索性把我的做法整理一下，供大家參考指教。 先用一個非AJAX，純Javascript的範例開始說明。 假設有一個ASP.NET網頁，txtCode輸入文字，btnSubmit送出表單，用jQuery在btnSubmit掛上onClick...