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

DHTMLX Gantt正版試用下載

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

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

1、客戶端驗(yàn)證

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

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

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

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

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ù)器端驗(yàn)證

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

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

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

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

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

甘特圖控件交流群：764148812    歡迎進(jìn)群交流討論

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