?本篇博客是我寫在離職后，昨天剛辭職和交接完任務，準備離開。其實我有很多不舍，但是最終還是選擇了離開，許多苦楚都埋在我的心底。哎，趁回成都找工作的機會是該好好休息一下了。?

????? 在上篇我的jQuery動態表格插件中介紹了插件的基本使用方法.在實際運用的時候出現了一些其他的需求,所以插件再次升級,增加了一些輔助功能.

1：EnterToTab:$(“selector”). EnterToTab(),是的selector中的空間可以回車變為tab鍵使用，方便用戶的輸入。

代碼簡析：?IE：

View Code

其他瀏覽器：主要針對firefox，因為ff中的時間的鍵值碼，是一個制度屬性，所以我們不能通過和ie一樣的方式來處理，只有我們自己處理是的下一個可以focus控件focus。

View Code

2：重新處理的計算列和匯總事件，在原來我們的事件直接綁定的change事件，這樣有時在我們的外部手動觸發更新的時候，不好的代碼容易出現循環調用，而導致內存不足。所以事件采用了，jQuery的命名空間，change.Calculates。并提供了手動更新方法，$(“selector”).updateCalculates（）.

3:加入了事件處理，有時我們需要對控件或者樣式做一些特殊處理，但是由于table中有很多這樣的列是的我們不好定位，所以增加了一系列時間出入jQuery的table 行tr對象，以供特殊處理定位。

主要有：

addRowing:增加行前觸發事件：參數arg,屬性有cancel可以供取消增加操作，rowTemplate改變某一行的增加行模板。

addRowed:增加行以后，參數為行對象來定位，以供處理特殊的js控件，腳本執行或者css樣式處理等等。

removeRowing:刪除行之前觸發，參數cancel，可以取消操作，row為需要刪除的行對象。

removeRowed:刪除行之后觸發的事件。還沒有想到需要什么參數，所以是一個{}對象。我覺得一般不需要什么特殊參數。

4：擴展的對html的控件支持，在上一個版本中默認支持，支持text，label，checkbox，radio，label，td，textarea的取值。其中radio取值選中value，checkbox取值為所有選中行value的“，”號分隔字符串。但是在我們的實際運用中還會用到一些特殊的js控件，如我實際中用到的Jquery EasyUi的ComboTree這些，需要上邊提供的事件addRowed中一些js處理，以及獲取值getSource中獲取值的處理，所以提供了，一個對數據取值getValue的自定義取值委托。

customerFunction:?null,?//column:列，func：獲取Value function

例如：customerFunction: {?"age":?function(o) {?return?o.val() + 1; } },這里定義property為age的取值方式為：其值+1。Jquery EasyUi的ComboTree那么我們可以定義為

customerFunction: {?"type":?function(o) {?return?$(o).combotree(“getValue”)} }.

5:默認行數, DefaultRowCount,在我們的處理中用戶經常會要求你能不能初始化就給我們默認幾行啊，我難得一個一個的點擊增加。如果你也有這樣的需求，那么這個屬性就可以幫助你輕松的搞定了。

6：增加了xml搜集類型的節點名自定義，在我們的某些處理中為了，搜集某些固定行的數據，但是為對xml其他節點的區分，所以，在本次的版本中增加了一個xmlitem，如xmlitem="total"設置。這個需要時來自我的一個同事的動態行，以及還有動態增加列的需要處理中。

jQuery dynamicTable版本仍會隨著用戶的需求一步一步的更新。同時也希望大家提出你的寶貴意見，你認為還需要那些功能，或者是對于代碼的重構等等。

下面來一個jQuery EasyUi ComboTree的的demo：一個資金預算審批的例子。

先定義費用類型，和combotree的本地數據源，實際中需要我們從后臺輸出的。

查看

?Html前臺代碼：

View Code

在上一篇文章我的jQuery動態表格插件中有人問我如果在后臺處理，數據，我所以在本次demo中特別利用dataset處理成為datatable：這里的處理時存在一個靜態變量ds中。

View Code

最后在上效果圖：

?

?

搜集數據源xml

?

后臺數據源：

插件基本使用請參見：我的jQuery動態表格插件

本博客中其他jQuery資料：我jQuery系列之目錄匯總

插件下載

本文轉自破狼博客園博客，原文鏈接：http://www.cnblogs.com/whitewolf/archive/2011/04/13/2014621.html，如需轉載請自行聯系原作者

總結

以上是生活随笔為你收集整理的我的jQuery动态表格插件二的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。