easyui复杂表单_把JSON数据载入到页面表单的两种思路（对easyui自带方法进行改进）...

#把JSON数据载入到页面表单的两种思路(对easyui自带方法进行改进)

##背景

项目中经常需要把JSON数据填充到页面表单，一开始我使用easyui自带的form load方法，觉得效率很低，经常在载入数据的时候有假死现象(实际项目中的表单一般都100-200个字段以上)，而且不能处理radio/checkbox的情况。(easyui的思路是把它们都用combo去处理)

##思路

问题可以转化为，现在有一堆JSON数据，有一个表单，可能是一一对应的，要把这个数据填写到表单上，一般说来有两种思路

1. `方案一`针对数据，一个个选择元素进行填充

2. `方案二`先选择所有的元素，再针对数据进行填充

到底哪种比较优呢？

##测试验证

可能也有人大概想到较优方案，但是对于实事求是的我，还是要写些代码去测试验证

[我的测试例子](http://p2227.github.io/demo/loadForm/)

效果截图:


##结果

`方案二`的思路明显要比`方案一`的优，而且查看原代码后发现，easyui自带的form load方案是以`方案一`为基准去处理的，再加上一些细节的处理，效率非常的慢.

##改进

实际上我们还要处理radio/checkbox的情况，以及处理其他一些细节，故最后整理封装的代码如下