JavaScript任務表的15種實用功能
【51CTO.com快譯】如今，JavaScript任務表(schedulers)已能夠為開發者們提供幾十種實用的功能。而且，其中一些功能已經成為了大家在開發基於Web的任務應用時，所不可缺少的組成部分。
例如，我們很難想象一個無法在按天、按周、按月和按年的檢視間進行切換的任務應用會是什麼樣子。當然，也有一些不太明顯但非常實用的功能有待使用者去進一步發掘。在本文中，我們為開發者準備了三種類型的JavaScript計劃任務表、共計15種非常實用的功能。
Kendo UI任務表是Kendo UI庫（http://www.telerik.com/kendo-ui）的一部分，它提供幾十種全功能的部件。Kendo UI能夠支援目前主流的JavaScript庫，並能與jQuery、Angular、React和Vue協作進行使用。
1.模板
通過Kendo任務表，您能夠使用各種模板來自定義事件的外觀。您完全可以使用簡單的一段模板語法，去取代在複雜程式設計上所花費的精力。
2.橫向和縱向的分組
橫向和縱向的分組功能，能夠幫助您將各項任務資源按照水平和垂直方向進行排列與顯示。
3.限制
通過使用各種限制，您能夠更好地控制不同的任務資源。例如，該功能可以允許您禁用對於某個特定事件的拖動和大小的調整。另外，您可以通過設定規則，來允許或禁止建立和修改各種事件。
4.多選
您可以通過配置選擇功能，如：使用Ctrl + 某個鍵，以允許使用者一次性選擇多個事件。同時，通過在日曆的網格上進行拖曳操作，您還可以任意移動多個選定的任務。
5.時間軸檢視
Kendo UI任務表的時間軸檢視，允許您在選定的時間跨度內，按照時間順序顯示一系列安排好的時間檔期。同時，您也可以使用時間軸，向終端使用者提供整體任務意圖的全貌。可以說，時間軸檢視為那些需要視覺化、和監控進展的當前任務或專案，提供了一個完美的解決方案。
DHTMLX任務表是一種類似Google的JavaScript事件日曆元件，它具有豐富的檢視和功能特徵。同時，它為使用者提供了一個整潔的使用者介面（UI）和可定製的外觀。
1.重複性事件
DHTMLX任務表允許您建立各種重複性事件。這些事件可以根據使用者的選擇，按照每天、每週、每月或每年進行重複。其彈出式編輯視窗可幫助您建立新的事件、並設定包括復發頻率在內的所有必要的引數。如果您想安排某個Scrum的每日會議，該功能將十分有用。
2.地圖檢視
該任務表支援Google地圖的整合。使用此功能，您可以在日曆上將某個事件與特定位置相關聯。在建立新的事件時，使用者既可以簡單指定一個位置，又可以精確地在地圖上選擇某個理想的位置。如果您的任務與旅行相關，那麼該功能將非常實用。
3.面板定製
您可以調整DHTMLX任務表的外觀，以匹配自己的應用程式風格。可修改的元素包括：顏色、文字、尺寸、每週第一天的特徵、以及任務表的所有其他方面。各種樣式檔案都被包含在DHTMLX任務表之中。基於這些檔案，您也可以為某個單獨的外觀、或應用的整體觀感，去自定義並建立屬於自己的面板。
4.多資源檢視
DHTMLX任務表提供了一個基於組的檢視，它允許開發者通過多個日曆，來呈現多種資源，如不同團隊成員、或辦公室的不同房間等。同時，對於不同的資源，日曆可以按照不同的列進行排列，這樣您就可以在同一頁面上方便地檢視到它們。
5.微型日曆
為了幫助使用者瀏覽各種可用的事件，您可以在任務表上新增一個微型日曆。該微型日曆既可以顯示在任務表的左側，又能被配置為彈出視窗的形式出現在螢幕上。籍此，使用者能夠方便地選定某個日期，並且可以快速地檢視到各種指定的事件。
DevExtreme HTML5 JavaScript任務表
DevExtreme任務表是一種全功能的HTML5 JavaScript事件日曆。
1.日程檢視
其日程檢視允許使用者在列表中，檢視所有即將發生的事件。這種檢視會按照日期進行分組，以顯示各種所有的預約好的日程安排。
2.當前時間指示器
該任務表允許您開啟當前的時間指示功能。您可以選擇當前時間指示的詳細程度。例如，您既可以使用一個具體的橫向標杆，也可以使用某個時間段的陰影塊，或兩者都用上來同步指示當前的時間。另外，您還可以定義該任務表重新整理當前時間指示器位置的頻率。
3.時區支援
DevExtreme任務表允許您使用不同的時區，來顯示日程安排。您可以通過向用戶提供可見的時區選擇項，讓他們在自己喜好的時區日曆中檢視各種日程安排。
4.右鍵選單整合
如果需要，您可以為任務表添加個性化定製的右鍵選單內容。
5.自適應安排
您可以限制某個日期單元格中能夠顯示的任務數量。對於那些無法直接顯示在單元格中的任務，您可以將其放入“安排收集器（appointment collector）”，並以“更多（more）”的方式讓使用者二次點選檢視。
原文標題：15 Useful Features of JavaScript Schedulers，作者：Ivan Petrenko
【51CTO譯稿，合作站點轉載請註明原文譯者和出處為51CTO.com】
【責任編輯：龐桂玉 TEL：（010）68476606】