2013-11-03 52 views
1

在下面的頁面: http://homecoders.co.nf/test.html的tablesorter不工作的新添加的項目

我們正在使用的tablesorter,快速搜索,X-編輯。

TableSorter和QuickSearch可以正常工作,但新添加的項目除外。 例如,嘗試單擊「啓用編輯」,添加一個項目,然後「禁用編輯」

新項目(無論您鍵入)將可搜索,但不會被TableSorter排序。

僅供參考,JSFiddle不適用於此特定頁面,因此我決定將該頁面放在託管中而不是它。

任何幫助將不勝感激。

回答

2

我不確定在哪裏添加這個,因爲我以前從未使用X-Editable,但也許在成功回調中?

基本上,你需要更新表,如果它是一個小桌子,然後就觸發更新:

$('table').trigger('update'); 

大表上,這將是更有效的,只是更新編輯的單元格

// update the table, so the tablesorter plugin can update its value 
// this = table cell (td) to update 
// resort = flag prevent (if false only) automatic resort 
// if resort is undefined, or with any other value, a resort will occur 
// callback = callback function 
$("table").trigger("updateCell", [this, resort, callback]); 
+0

我試圖把觸發器,但它似乎並沒有工作。我決定用x-editable溝渠。無論如何感謝您的幫助! – Lancelot

+1

試用[content editable widget](http://mottie.github.io/tablesorter/docs/example-widget-editable.html),也許它會滿足您的需求? – Mottie

+0

不知道你有這個方便的插件!這絕對適合我的需要。非常感謝!! – Lancelot

相關問題