isDirty()方法判断表单值是否发生改变

最新推荐文章于 2025-11-18 16:19:33 发布

原创最新推荐文章于 2025-11-18 16:19:33 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #isDirty() #basicForm

JaveScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用BasicForm组件的isDirty()方法来判断表单值是否发生改变的方法，并提供了一段示例代码。同时讨论了如何避免页面加载时setValue()方法导致dirty值误判的问题。

最近做了一个离开表单时，判断表单值是否发生变化的功能，我的方法是取表单页面切换前后的值循环比较，后来发现BasicForm组件有一个isDirty()方法，学习了！以下是实例代码：

对 form 里面的所有 field 进行判断，通过 isDirty() 方法。

function isFormChanged(formPanel){
 var form = formPanel.getForm();
 var dirty = false;
 if(form) {
  form.items.each(function(item){     
     if(!dirty){
        dirty = item.isDirty();     
     } 
  });
 }
 return dirty;
}
防止页面加载时调用setValue()方法导致dirty值为true，查API看到如下配置项：

trackResetOnLoad : Boolean

如果设置为true，form.reset()方法将表单重置到最后一次加载或者调用setValues()方法时的数据，而不是重置到表单创建时的状态。默认为false。