2014-10-28 41 views
0

我們一直在使用Mottie編程的tablesorter很長一段時間,並且用戶詢問我們是否可以在用戶按任意列排序時自動禁用尋呼機。Tablesorter - 分頁時可以自動禁用尋呼機嗎?

如果您點擊以下鏈接https://mottie.github.io/tablesorter/docs/example-widget-pager.html,您會看到一個Demo表格。按「禁用尋呼機」查看全部50行。然後按「主要」列進行排序,您會看到它會自動恢復爲帶有10行的分頁視圖。

現在我知道第三個按鈕允許尋呼機被銷燬以解決這個問題,但我寧願以某種方式停止尋呼機排序後默認爲分頁視圖。這可能嗎??原因是我們只使用一個按鈕來切換我們應用程序中的開關機。

回答

0

尋呼機設置不留殘疾,但有一些代碼,您可以在調整您的要求(demo

我加入了尋呼機容器

<button type="button" class="toggle">Disable</button> 

這裏面按鈕並使用此代碼:

var $table = $('table'), 
    $pager = $('.pager'), 
    pagerDisabled = false, 
    savedPageSize = 10, 
    disabledPageSize = 9999; 

$table 
    .tablesorter({ 
     theme: 'blue', 
     widgets: ['zebra', 'columns'] 
    }) 
    .tablesorterPager({ 
     container: $pager 
    }); 

$pager.find('.toggle').on('click', function(){ 
    pagerDisabled = !pagerDisabled; 
    var pager = $table[0].config.pager; 

    if (pager.size !== disabledPageSize) { 
     // save user set page size 
     savedPageSize = pager.size; 
    } 
    if (!pagerDisabled) { 
     // set pagerLastSize before enabling pager 
     $table.data('pagerLastSize', savedPageSize); 
    } 
    // toggle pager state 
    $table.trigger((pagerDisabled ? 'disable' : 'enable') + '.pager'); 

    // change button text 
    $(this).html(pagerDisabled ? 'Enable' : 'Disable'); 

    if (pagerDisabled) { 
     // set pagerLastSize after disabling pager 
     $table.data('pagerLastSize', disabledPageSize); 
    } 

}); 
+0

謝謝,這沒有把戲。非常感激!!!! – Danozard 2014-10-29 12:56:35

相關問題