项目管理软件dhtmlxGantt配置教程(九):输入值验证方法

本文介绍如何在dhtmlxGantt中进行输入值验证,以避免保存不正确的项目管理数据。通过自定义编辑器的is_valid方法或inlineEditors的onBeforeSave事件实现验证。当值无效时,编辑器会关闭且不保存,用户需重新输入。通过弹出警告框可以提供修复错误的机会,以提升用户体验。
摘要由CSDN通过智能技术生成

这篇文章给大家带来dhtmlxGantt的输入值验证。

在 Grid 中编辑单元格时可能会出错。

为避免保存不正确的值,您需要在关闭编辑器之前验证输入值。它可以通过以下两种方式之一实现:

  • 通过自定义编辑器对象的is_valid方法
  • 通过inlineEditors 对象的onBeforeSave事件

让我们考虑启用验证时编辑器的行为。

例如,您通过鼠标指针在 Grid 单元格中打开了编辑器。以下方法将适用于您的进一步行动:

  • 编辑单元格后按 Escape 将关闭编辑器而不保存任何更改。
  • 如果该值有效,按 Enter 将确认并关闭编辑器,否则将丢弃输入的值。
  • 在编辑单元格时按 Tab 或使用鼠标指针将保存有效值并将焦点移动到另一个单元格,而无效值将被重置并关闭编辑器。

防止编辑器关闭

启用编辑器验证后,甘特图不会保存错误的输入值,而是重置它们并关闭编辑器。因此,您需要打开单元格并再次更改值。

防止编辑器关闭的一个好方法是弹出一个警告框,让用户有机会修复不正确的值。为此,您需要使用自定义键盘映射,如下所示:

function editAnotherCell(inlineEditors){
  var value = inlineEditors.getValue();
  if(confirm(`does '${value}' look ok to you?`)){
    inlineEditors.save();
  }
}
 
var m
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值