DHTMLX Gantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表。可滿足項目管理應用程序的大部分開發需求，具備完善的甘特圖圖表庫，功能強大，價格便宜，提供豐富而靈活的JavaScript API接口，與各種服務器端技術（PHP，ASP.NET，Java等）簡單集成，滿足多種定制開發需求。本文給大家講解項目管理工具DHTMLX Gantt燈箱元素配置教程：如何驗證，歡迎大家下載最新版試用體驗。

DHTMLX Gantt正版試用下載

驗證允許您控制用戶輸入的數據，以排除保存不正確值的可能性。例如，通過驗證，您可以拒絕將 2 個同時執行的任務分配給一個人。

通常，要驗證用戶輸入的數據，使用dhtmlxGantt API提供的事件并捕獲輸入數據以根據其正確性進行處理：

1、客戶端驗證

以下事件最重要且常用于數據驗證：

• - 當用戶點擊燈箱中的“保存”按鈕時觸發
• - 在新任務添加到甘特圖之前觸發
• - 在更新任務之前觸發
• - 在將新鏈接添加到甘特圖之前觸發
• - 在更新鏈接之前觸發

最簡單的驗證可以在事件的幫助下實現。當用戶單擊表單上的“保存”按鈕時，將調用該事件。從事件中返回true將保存更改，返回false將取消進一步處理并使燈箱保持打開狀態。

例如，要限制任務的保存，如果沒有分配給它的用戶，請使用如下代碼：

gantt.attachEvent("onLightboxSave", function(id, item){
if(!item.text){
dhtmlx.message({type:"error", text:"Enter task description!"});
return false;
}
if(!item.user){
dhtmlx.message({type:"error", text:"Choose a worker for this task!"});
return false;
}
return true;
});

2、服務器端驗證

上面的解決方案有一個缺點 - 如果燈箱中的數據已通過內聯編輯器或通過拖動甘特圖進行更改，則事件不會觸發。

為了證明這一點并捕獲甘特圖中所做的所有更改（編輯、創建、刪除等），請使用對象，或者更準確地說，使用它的事件之一 - 。該事件在將數據發送到服務器之前以及在甘特圖中（不僅在燈箱中）進行任何更改之后觸發。

gantt.init("gantt_here");
gantt.load("data.php");

var dp = new gantt.dataProcessor("data.php");
dp.init(gantt);

dp.attachEvent("onBeforeUpdate", function (id, status, data) {
if (!data.text) {
dhtmlx.message("The event's text can't be empty!");
return false;
}
return true;
});

where:

• id - ( string ) 任務的 id。
• status - ( 'updated', 'inserted', deleted' ) 任務的操作狀態。
• data - ( object ) 要發送的數據。

請注意，當字段驗證失敗時，更改不會發送到服務器，而是保留在客戶端并可用于進一步處理。

DHTMLX Gantt享有超十年聲譽，支持跨瀏覽器和跨平臺，性價比高，可滿足項目管理控件應用的所有需求，是最完善的甘特圖圖表庫。

慧都2022年終狂歡火熱進行中，全場產品超低價，DHTMLX全系產品享8.8折！了解更多活動詳情，歡迎訪問慧都網咨詢。

甘特圖控件交流群：764148812    歡迎進群交流討論

慧都年終狂歡季，全場產品，限時特惠，立即了解詳情！