Ext Scheduler Web資源甘特圖控件

Ext Scheduler Web資源甘特圖控件

資源甘特圖又叫負荷圖，其縱軸不再列出活動，而是列出整個部門或特定的資源。

Ext Scheduler資源甘特圖是基於Extjs核心庫的開發的，基於WEB瀏覽器的甘特圖解決方案。可應用於生產能力進行計劃和控制系統等的開發。和Ext Gantt甘特圖一樣，Ext Scheduler甘特圖完全兼容Extjs語法，熟悉Extjs可以輕易上手。

 

 

 

Ext Scheduler Web資源甘特圖控件演示

資源甘特圖基本例子

該例子演示了不同的時間刻度的變換。單擊工具欄上的按鈕切換時間刻度。開發人員也很容易自定義自己的時間刻度， 例如，每個刻度代表5分鐘或10年等等。時間刻度可以動態的調整或通過程序賦值。

單擊這裏查看演示

資源甘特圖中將資源分組

這個例子演示瞭如何將資源分組。先安排一些資源到時間刻度內，然後單點擊組前的“-”號關閉組的時候，資源會以略縮圖的形式顯示.

單擊這裏查看演示

只讀視圖和分組預覽

該例子演示瞭如何生成一個只讀的甘特視圖。在只讀的視圖還包含分組預覽的例子

單擊這裏查看演示

資源甘特圖中定位甘特圖中的元素

該示例演示瞭如何編程來定位甘特圖中的元素。你可以滾動視圖到某個時間點，或者到事件集中的某個事件。

單擊這裏查看演示

仿桌面軟件的甘特圖窗口

很多項目管理軟件都是b/s結構，用戶習慣於桌面軟件的界面。該例子是一個仿桌面軟件的甘特圖窗口。

單擊這裏查看演示

甘特圖和統計圖的動態聯動

該例子演示了甘特圖和統計圖的動態聯動，其技術原理是單數據和多視圖的聯動， Ext.data.Store中存儲的數據是甘特圖和統計圖共同擁有。當數據變化時，所有的視圖都會被通知(notified) 。

單擊這裏查看演示

資源甘特圖高級拖拽功能

該例子演示瞭如何將網頁中的其他元素拖拽到資源甘特圖中。不同的元素可以進行不同的拖拽操作。你可以將任務(在左下方列表)拖動到時間刻度中，以分配給某一個人；也可以將人員（右下方列表中）拖拽到某個組羣裏面。

單擊這裏查看演示

將甘特圖導出到Excel表中

該例子演示瞭如何將甘特圖導出到Excel表中。數據格式的定義是根據wiki文檔中所描述的. 該例子爲純客戶端例子，只能運行在支持客戶端數據流的瀏覽器（如Firefox）中。如果需要運行於IE中，則需要服務器端代碼支持。

單擊這裏查看演示

自定義資源甘特圖的事件編輯器

該例子演示瞭如何彈出自定義的對話框來編輯一個事件。另外左邊的資源欄也可以用不同的控件編輯. 雙擊事件可以彈出對話框。鼠標在事件上懸停可顯示提示框。

單擊這裏查看演示

特殊的時間點和時間範圍

該例子演示瞭如何顯示特殊的時間點和時間範圍。 特殊時間線存儲在Data Store裏面，Data Store數據一旦變化，界面就會更新. 也就是說， 程序員不需要關心界面，只給Data Store賦值就可以了。值得一提的是，該示例利用了TaskRunner使得時間線顯示的一直是當前時刻.

單擊這裏查看演示

突出顯示可支配的時間片段

該例子演示瞭如何突出顯示可支配的時間片段. 沒有任何任務的時段會以灰色顯示，超過兩天空閒時間會以斑馬紋顯示.

單擊這裏查看演示

資源甘特圖時間刻度彙總

這個例子演示了插件Sch.plugins.SummaryColumn的功能。資源圖中既可以顯示時間，也可以顯示百分比。

單擊這裏查看演示

選擇資源甘特圖的多個事件

該例子演示了插件Sch.plugins.DragSelector的用法。該插件可讓用戶同時用鼠標選擇多個事件。請先按下CTRL， 然後用鼠標畫出一個長方形，長方形內的事件都會被選取。

單擊這裏查看演示