9. JS Bin
在使用 DataTables 時,通常在簡單的測試環境中嘗試程式碼來評估特定功能,或者找出既有程式碼中的問題會很有幫助。為了盡可能簡化建立簡單測試案例的流程,我們客製化安裝了 JS Bin,其中包含針對 DataTables 的客製化設定。
JS Bin 是一個 Web 應用程式,允許輸入 Javascript、HTML 和 CSS,然後在瀏覽器中執行。您可以儲存 Bins 與他人分享。這是一個 開源程式,由 Remy Sharp of Left Logic 和其他人開發,我們非常感謝他們提供這個很棒的工具給我們使用!
當 DataTables 有下列情形時,JS Bin 特別有用:
- 在論壇中提交問題,提供顯示問題的測試案例。
- 當我用執行中的程式碼片段回答問題時
- 簡單嘗試特定的選項或 API 方法。
使用 JS Bin
實際使用 JS Bin 非常簡單;只需在瀏覽器中載入 http://live.datatables.net,並開始根據需要自訂 HTML / Javascript / CSS。瀏覽器視窗頂部的按鈕可讓您選取要顯示的程式碼,以及檢視最終輸出的選項。
若要分享建立的 bin,請按一下瀏覽器視窗頂部的 分享 功能表,並複製顯示的 URL。將該 URL 新增至您的論壇貼文、電子郵件或以其他方式分享,其他開發人員將能夠檢閱您的範例。
函式庫/擴充功能
DataTables JS Bin 的自訂項目之一是提供直接包含 DataTables 核心檔案及其擴充功能的功能。若要使用特定版本的 DataTables 或額外功能,只需選取瀏覽器頂部的新增函式庫功能表,所需的程式碼將會新增至文件中。
如果您正在尋找新增函式庫功能表中未顯示的特定 DataTables 版本或額外功能,則可以在 DataTables CDN 上找到該程式碼並從該處包含。
Ajax 載入的資料
在使用 DataTables JS Bin 時,通常擁有可供使用的 Ajax 資料會很有幫助,Ajax 和伺服器端處理範例中使用的所有 Ajax 資料都可用於建置測試案例。
Ajax
DataTables Ajax 範例中使用的 Ajax 資料可以從 /ajax
或 /examples/ajax/data
中包含(前者只是後者的別名)。可供包含的檔案為
伺服器端處理
用於 伺服器端處理範例的腳本可以從 /ssp
或 /examples/server_side/scripts
中包含(前者只是後者的別名)。可供包含的腳本包含
註冊
JS Bin 提供註冊以使用GitHub 帳戶登入的功能。這提供了檢視您儲存的 Bins 以供日後檢索的功能。
DataTables JS Bin 目前未與您的 DataTables 帳戶連線。