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

DHTMLX Gantt正版試用下載

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

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

1、客戶端驗證

以下事件最重要且常用于數(shù)據(jù)驗證：

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

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

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

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、服務(wù)器端驗證

上面的解決方案有一個缺點 - 如果燈箱中的數(shù)據(jù)已通過內(nèi)聯(lián)編輯器或通過拖動甘特圖進行更改，則事件不會觸發(fā)。

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

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 ) 任務(wù)的 id。
• status - ( 'updated', 'inserted', deleted' ) 任務(wù)的操作狀態(tài)。
• data - ( object ) 要發(fā)送的數(shù)據(jù)。

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

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

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

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

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