2016 年 5 月 24 日 星期二

Spring 更新 - 2016

今天這篇部落格文章包含關於 DataTables 軟體最新版本、我們新網站搜尋功能以及 SpryMedia 第一位實習生的資訊!事不宜遲,讓我們深入了解。

歡迎 Thomas

我很榮幸地宣布 SpryMedia 現在有了第一位員工(除了我之外);Thomas Buckle,他以暑期實習生的身分加入公司。Thomas 在蘇格蘭的 高地與群島大學 學習計算機科學,主要將專注於改進 DataTables 及其擴充功能的單元測試框架。他還將為 DataTables 實作新的列分組擴充功能,並在論壇中回答問題。

軟體更新

DataTables 核心及其所有擴充功能已於上週更新和發布。新版本主要著重於解決自上次發布以來發現的錯誤,並為所有擴充功能引入 Bootstrap 4 和 Semantic UI 樣式(Editor 除外,將稍後推出)。其中一些版本有新功能或更大的變更。

軟體 版本 / 說明 摘要
DataTables 1.10.12 錯誤修正
Editor 1.5.6 錯誤修正
AutoFill 2.1.2 錯誤修正
Buttons 1.2.0 Excel 輸出重寫
ColReorder 1.3.2 錯誤修正
FixedColumns 3.2.2 錯誤修正
FixedHeader 3.1.2 錯誤修正
KeyTable 2.1.2 錯誤修正
Responsive 2.1.0 形式化渲染器,內建兩個
RowReorder 1.1.2 錯誤修正
Scroller 1.4.2 錯誤修正
Select 1.2.0 可取消的 user-select 事件和 multi+shift 選擇樣式

DataTables + Editor

這些是 DataTables 套件的主要元素,因此值得特別提及,但實際上這兩個版本都只是錯誤修復版本。如果您正在使用它們,建議您進行更新。

Buttons

Buttons 更新引入了完全重寫的 Excel 輸出按鈕(excelHtml5),這是 Thomas 加入公司後的第一個任務。現在,Excel 匯出按鈕具有 customize 選項,可用於操作為表格產生的 XML。這表示您現在可以為建立的檔案設定樣式,我們預設提供了一些簡單的樣式,可以使用 jQuery/DOM 方法輕鬆添加。Excel 檔案的標題列預設為粗體,並且欄寬會自動調整。

此版本的 Buttons 還對其存取已建立按鈕的方式進行了重大的內部變更,以解決使用動態按鈕時出現的幾個問題和記憶體問題。這僅是內部變更,API 並未變更。

Responsive

Responsive 2.1 中只有一個值得注意的新功能,但由於它引入了新的外掛程式結構,因此值得升級為次要版本而不是修補程式層級。Responsive 現在有兩個內建的渲染函式,透過 responsive.details.renderer 控制,並且可以根據需要新增更多函式。這兩個函式是

  • listHidden - 在 ul / li 列表中顯示已隱藏的資料(先前是預設值,並且在新外掛程式結構中仍然是)。
  • tableAll - 在 table 中顯示所有欄的資料(無論是否已隱藏)。

新的渲染器應附加到 $.fn.dataTable.Responsive.renderer 物件。歡迎隨時在論壇中與我們分享您建立的任何渲染器!

Select

Select 1.2 引入了一個新的 user-select 事件,可用於取消使用者互動事件中的項目選取。如果您希望對選取執行一些條件邏輯(選取項目的最大數量、不允許在某些列或元素上選取等等),這會特別有用。

它還新增了一個新的 multi+shift 選擇樣式,這是現有的 os 樣式和 multi 樣式之間的混合,允許輕鬆選取多個列,而無需在點擊列時立即取消選取。非常感謝 github 使用者 @chellman 提供此功能。

網站更新

除了上述版本之外,我也更新了 DataTables.net 網站的設計,以包含一個浮動標頭列。這包含一個專用的搜尋方塊,這是更新設計的主要原因。現在,搜尋功能由出色的 Algolia 搜尋提供支援,這讓網站可以提供即時結果。搜尋的反應時間非常出色,並且已與 DataTables 手冊、參考文件、範例和論壇完全整合。我對網站提供此自訂搜尋工具感到非常興奮,因為這裡有太多可用的資訊!

祝您使用愉快!