Browse by Tags

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

雖然knockout.js已經提供很多好用的繫結，例如: value、text、checked、attr、css... 等等，但實務上一定有無法滿足需求的情境。針對這點，KO允許開發者自訂繫結行為，以滿足專案中稀奇古怪的需求。這已屬進階型應用，但深入了解後就會發現此一擴充特性，讓KO更顯威力強大!! 舉一個常見但重要的需求: 到目前為止，我們繫結的輸入欄位都是Select、TextBox、CheckBox等標準HTML元素，但實務上這類瀏覽器標準操作元件常被使用者嫌棄，嫌土嫌無趣，通常得改用 jQuery...

Posted 22 September 2012 10:07 PM 由 Jeffrey | with no comments

Filed under: Kendo UI, knockoutjs

發現Kendo UI Grid隱藏功能-指定欄位CSS

最近常使用 Kendo UI Grid 處理清單需求，尤其用 ASP.NET MVC 4搭配KendoGridBinder ，寫來頗為輕鬆。只是在欄位客製呈現上有個小困擾，例如: 數字欄位希望靠右對齊，最直覺的做法是透過CSS定義 .right-align { text-align: right; } 再透過<td class=”right-align”>套用。只是kendoGrid的column設定選項中，可以指定title、width、format，卻少了指定CSS的參數。一種解法是改為自訂樣版...

Posted 15 August 2012 06:42 AM 由 Jeffrey | with no comments

Filed under: Kendo UI

網頁介面開發-拖拉元素調整排序

各位老師、各位同學，我今天要示範的網頁介面開發技巧是--拖拉元素調整排序，(停頓兩秒)，拖拉元素調整排序... 開始前，請大家先看 示範網頁 ，網頁上會顯示五個<span>方塊，假設其排序有特定意義(例如: 出場順序，決定先用皮卡丘之後再派妙蛙種子之類的)，使用者可用滑鼠或手指直接拖曳方塊改變其排列順序，當某個方塊被拖到另一個方塊上，就對調兩個方塊的位置，藉此自由調整所有方塊的排列順序。 另外，網頁還很 騷包地 貼心地加上兩個方塊交換位置的動畫效果，更直覺地呈現"位置對調"的操作感受...

Posted 27 July 2012 07:04 AM 由 Jeffrey | with no comments

Filed under: jQuery, HTML5, Kendo UI, knockoutjs

在ASP.NET MVC 4中使用Kendo UI Grid

之前寫過用ASP.NET WebForm作為AJAX式資料源的 Kendo UI Grid範例 ，最近計劃在一個小專案試用ASP.NET MVC 4 RC，面對的第一個需求又是"以清單呈現查詢結果"，就來看看如何用ASP.NET MVC 4 RC滿足Kendo UI Grid的需求吧! 記得前一次用ashx寫資料端，花了不少功夫處理分頁及排序，而且還沒實做Filter過濾功能。但在ASP.NET MVC上，要整合Kendo UI Grid，則有很酷的方便選擇 -- KendoGridBinder...

Posted 06 June 2012 09:43 PM 由 Jeffrey | 7 comment(s)

Filed under: ASP.NET MVC, Kendo UI

AJAX式資料清單的新選擇-Kendo UI Grid

這幾年在專案中，針對表格式資料的呈現，我多已摒棄PostBack寫法，改用AJAX動態提取方式處理換頁、排列、重新查詢等資料查詢需求，如此可避免傳統PostBack時畫面會閃一下的缺點，提供使用者較流暢的操作感受。 前陣子寫過一篇筆記: Telerik RadGrid AJAX更新範例 ，介紹的便是應用Telerik的RadControls for ASP.NET AJAX元件庫，實現純AJAX式資料來源的GridView。不過，該元件基於ASP.NET AJAX Client Library並非jQuery...

Posted 31 December 2011 06:22 PM 由 Jeffrey | 14 comment(s)

Filed under: Kendo UI

搜尋