项目中我做修改用户个人资料的時候有一个需求是帮助人员的帮助类型如图下所示:
当初想如果是asp.net控件的话应该很简单实现,如果不是基于easyUI框架那就太简单了现在是受框架的限制与是前端html控件,所以还是会稍微多转化一下
对于数据的存储考虑过可以存放到多个字段里面,这样操作起来方便现在通過查询资料是可以把这些只要是选中的某项都可以拼接成字符串存入到数据库中的一个字段中,读取的时候需要先把这些信息读取出来洅通过对字符串的拆分与读取,判断是否某些值被选择这样大致的思路就有了,现在我们来实战:
首先定义的是一个隐藏空间为了存取數据向后台传送数据
由于下面的复选框度在一个div里面存放所以调用的是对div的点击事件:
接下来是如何把要选定的某项存入数据库中
这样通过提交表单的方法就可以把界面上的数据提交到后台,可以轻松的写入到数据库中了
Json中返回的数据格式:
存入list中的数据结构对于这样嘚内容如果理解了,整体理解很简单了
下面有一种更好理解的方法,使用freemarker 判断选中的一个或者多个直接使用split方法进行截取字符串并用,进行拼接存入数据库或者input框中