你的位置:首页 > 软件开发 > Java > 进一步丰富和简化表单管理的组件:form.js

进一步丰富和简化表单管理的组件:form.js

发布时间:2016-05-16 11:00:07
上文《简洁易用的表单数据设置和收集管理组件》介绍了我自己的表单管理的核心内容,本文在上文的基础上继续介绍自己关于表单初始值获取和设置以及表单数据提交等内容方面的做法,上文的组件粒度很小,都是跟单个表单元素相关的某种特定类型的组件,所以内容很多;本文要介绍的内容集中于整个表单组件本 ...

进一步丰富和简化表单管理的组件:form.js

上文《简洁易用的表单数据设置和收集管理组件》介绍了我自己的表单管理的核心内容,本文在上文的基础上继续介绍自己关于表单初始值获取和设置以及表单数据提交等内容方面的做法,上文的组件粒度很小,都是跟单个表单元素相关的某种特定类型的组件,所以内容很多;本文要介绍的内容集中于整个表单组件本身,有点像上文介绍的formMap.js组件,但不同的是在我自己的项目中form.js用的更多,formMap几乎不用,因为在form的内部就有用到formMap组件的实例来管理表单的数据,之所以这么做,也是为了让各个组件的功能更加单一,方便今后的维护和重用。form.js的代码不多,只有200多行,该组件以及我提供的demo页面的js内都有比较详细的注释,方便有兴趣的朋友阅读参考。

form.js的代码地址:

https://github.com/liuyunzhuge/blog/blob/master/form/src/js/mod/form.js

demo地址:

新增模式:

http://liuyunzhuge.github.io/blog/form/dist/html/demo2.html?mode=1

编辑模式:

http://liuyunzhuge.github.io/blog/form/dist/html/demo2.html?mode=2&id=1

form.js解决的问题

在我自己以前开发项目的经验中,在开发一个表单的时候会遇到下列的一些问题:

1)表单各个字段的初始值如何设置?

原标题:进一步丰富和简化表单管理的组件:form.js

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。