處理中()
透過 API 顯示/隱藏處理指示器
- 作者:Allan Jardine
- 需求:DataTables 1.10+
從外部觸發 DataTables 的「處理中」指示器的顯示。
請注意,自 DataTables 2.0.0 起,此功能已內建於 DataTables 核心,不再需要此外掛程式。
使用方式
此外掛程式可以透過多種不同的方式取得和使用。
瀏覽器
此外掛程式可在 DataTables CDN 上取得
JS
然後,外掛程式會自動向全域 DataTables 實例註冊。如果您正在使用 AMD 加載器(例如 Require.js),也可以使用此檔案。
請注意,如果您正在使用多個外掛程式,將外掛程式合併為單一檔案並將其託管在您自己的伺服器上,而不是向 DataTables CDN 發出多個請求,在效能方面可能會有所助益。
NPM
這些外掛程式都可以在 NPM 上取得(也可以與 Yarn 或任何其他 Javascript 套件管理器一起使用),作為 datatables.net-plugins
套件的一部分。若要使用此外掛程式,請先安裝外掛程式套件
npm install datatables.net-plugins
ES 模組
然後,如果您正在使用 ES 模組,請匯入 datatables.net
、您需要的任何其他 DataTables 擴充功能,以及此外掛程式
import DataTable from 'datatables.net';
import 'datatables.net-plugins/api/processing().mjs';
CommonJS
如果您正在為 Node 使用 CommonJS 加載器(例如,使用舊版本的 Webpack 或非模組化的 Node 程式碼),請使用以下方法 require
外掛程式
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/api/processing().js');
範例
// Show a processing indicator for two seconds on initialisation
var table = $('#example').DataTable( {
processing: true
} );
table.processing( true );
setTimeout( function () {
table.processing( false );
}, 2000 );
版本控制
如果您有任何關於如何改進此外掛程式的想法,或發現任何錯誤,它可在 GitHub 上取得,並且非常歡迎提交 Pull Request!
- 此外掛程式:processing().js
- 完整的 DataTables 外掛程式儲存庫:DataTables/Plugins