建站
咨詢
售后
建站咨詢
新聞中心
如今，JavaScript任務(wù)表(schedulers)已能夠?yàn)殚_(kāi)發(fā)者們提供幾十種實(shí)用的功能。而且，其中一些功能已經(jīng)成為了大家在開(kāi)發(fā)基于Web的任務(wù)應(yīng)用時(shí)，所不可缺少的組成部分。
例如，我們很難想象一個(gè)無(wú)法在按天、按周、按月和按年的視圖間進(jìn)行切換的任務(wù)應(yīng)用會(huì)是什么樣子。當(dāng)然，也有一些不太明顯但非常實(shí)用的功能有待用戶去進(jìn)一步發(fā)掘。在本文中，我們?yōu)殚_(kāi)發(fā)者準(zhǔn)備了三種類型的JavaScript計(jì)劃任務(wù)表、共計(jì)15種非常實(shí)用的功能。
Kendo UI jQuery任務(wù)表
Kendo UI任務(wù)表是Kendo UI庫(kù)（http://www.telerik.com/kendo-ui）的一部分，它提供幾十種全功能的部件。Kendo UI能夠支持目前主流的JavaScript庫(kù)，并能與jQuery、Angular、React和Vue協(xié)作進(jìn)行使用。
1.模板
通過(guò)Kendo任務(wù)表，您能夠使用各種模板來(lái)自定義事件的外觀。您完全可以使用簡(jiǎn)單的一段模板語(yǔ)法，去取代在復(fù)雜編程上所花費(fèi)的精力。
2.橫向和縱向的分組
橫向和縱向的分組功能，能夠幫助您將各項(xiàng)任務(wù)資源按照水平和垂直方向進(jìn)行排列與顯示。
3.限制
通過(guò)使用各種限制，您能夠更好地控制不同的任務(wù)資源。例如，該功能可以允許您禁用對(duì)于某個(gè)特定事件的拖動(dòng)和大小的調(diào)整。另外，您可以通過(guò)設(shè)置規(guī)則，來(lái)允許或禁止創(chuàng)建和修改各種事件。
4.多選
您可以通過(guò)配置選擇功能，如：使用Ctrl + 某個(gè)鍵，以允許用戶一次性選擇多個(gè)事件。同時(shí)，通過(guò)在日歷的網(wǎng)格上進(jìn)行拖曳操作，您還可以任意移動(dòng)多個(gè)選定的任務(wù)。
5.時(shí)間軸視圖
Kendo UI任務(wù)表的時(shí)間軸視圖，允許您在選定的時(shí)間跨度內(nèi)，按照時(shí)間順序顯示一系列安排好的時(shí)間檔期。同時(shí)，您也可以使用時(shí)間軸，向最終用戶提供整體任務(wù)意圖的全貌。可以說(shuō)，時(shí)間軸視圖為那些需要可視化、和監(jiān)控進(jìn)展的當(dāng)前任務(wù)或項(xiàng)目，提供了一個(gè)***的解決方案。
DHTMLX任務(wù)表
DHTMLX任務(wù)表是一種類似Google的JavaScript事件日歷組件，它具有豐富的視圖和功能特征。同時(shí)，它為用戶提供了一個(gè)整潔的用戶界面（UI）和可定制的外觀。
1.重復(fù)性事件
DHTMLX任務(wù)表允許您創(chuàng)建各種重復(fù)性事件。這些事件可以根據(jù)用戶的選擇，按照每天、每周、每月或每年進(jìn)行重復(fù)。其彈出式編輯窗口可幫助您創(chuàng)建新的事件、并設(shè)置包括復(fù)發(fā)頻率在內(nèi)的所有必要的參數(shù)。如果您想安排某個(gè)Scrum的每日會(huì)議，該功能將十分有用。
2.地圖視圖
該任務(wù)表支持Google地圖的整合。使用此功能，您可以在日歷上將某個(gè)事件與特定位置相關(guān)聯(lián)。在創(chuàng)建新的事件時(shí)，用戶既可以簡(jiǎn)單指定一個(gè)位置，又可以精確地在地圖上選擇某個(gè)理想的位置。如果您的任務(wù)與旅行相關(guān)，那么該功能將非常實(shí)用。
3.皮膚定制
您可以調(diào)整DHTMLX任務(wù)表的外觀，以匹配自己的應(yīng)用程序風(fēng)格。可修改的元素包括：顏色、文本、尺寸、每周***天的特征、以及任務(wù)表的所有其他方面。各種樣式文件都被包含在DHTMLX任務(wù)表之中?；谶@些文件，您也可以為某個(gè)單獨(dú)的外觀、或應(yīng)用的整體觀感，去自定義并創(chuàng)建屬于自己的皮膚。
4.多資源視圖
DHTMLX任務(wù)表提供了一個(gè)基于組的視圖，它允許開(kāi)發(fā)者通過(guò)多個(gè)日歷，來(lái)呈現(xiàn)多種資源，如不同團(tuán)隊(duì)成員、或辦公室的不同房間等。同時(shí)，對(duì)于不同的資源，日歷可以按照不同的列進(jìn)行排列，這樣您就可以在同一頁(yè)面上方便地查看到它們。
5.微型日歷
為了幫助用戶瀏覽各種可用的事件，您可以在任務(wù)表上添加一個(gè)微型日歷。該微型日歷既可以顯示在任務(wù)表的左側(cè)，又能被配置為彈出窗口的形式出現(xiàn)在屏幕上。籍此，用戶能夠方便地選定某個(gè)日期，并且可以快速地查看到各種指定的事件。
DevExtreme HTML5 JavaScript任務(wù)表
DevExtreme任務(wù)表是一種全功能的HTML5 JavaScript事件日歷。
1.日程視圖
其日程視圖允許用戶在列表中，查看所有即將發(fā)生的事件。這種視圖會(huì)按照日期進(jìn)行分組，以顯示各種所有的預(yù)約好的日程安排。
2.當(dāng)前時(shí)間指示器
該任務(wù)表允許您開(kāi)啟當(dāng)前的時(shí)間指示功能。您可以選擇當(dāng)前時(shí)間指示的詳細(xì)程度。例如，您既可以使用一個(gè)具體的橫向標(biāo)桿，也可以使用某個(gè)時(shí)間段的陰影塊，或兩者都用上來(lái)同步指示當(dāng)前的時(shí)間。另外，您還可以定義該任務(wù)表刷新當(dāng)前時(shí)間指示器位置的頻率。
3.時(shí)區(qū)支持
DevExtreme任務(wù)表允許您使用不同的時(shí)區(qū)，來(lái)顯示日程安排。您可以通過(guò)向用戶提供可見(jiàn)的時(shí)區(qū)選擇項(xiàng)，讓他們?cè)谧约合埠玫臅r(shí)區(qū)日歷中查看各種日程安排。
4.右鍵菜單集成
如果需要，您可以為任務(wù)表添加個(gè)性化定制的右鍵菜單內(nèi)容。
5.自適應(yīng)安排
您可以限制某個(gè)日期單元格中能夠顯示的任務(wù)數(shù)量。對(duì)于那些無(wú)法直接顯示在單元格中的任務(wù)，您可以將其放入“安排收集器（appointment collector）”，并以“更多（more）”的方式讓用戶二次點(diǎn)擊查看。
新聞名稱：JavaScript任務(wù)表的15種實(shí)用功能
瀏覽路徑：http://m.5511xx.com/article/cdopgcd.html
