基于easyui框架中input 类型的checkbox拼接成字符串存入数据库和读取选中---善良公社项目


       项目中我做修改用户个人资料的时候,有一个需求是帮助人员的帮助类型如图下所示:



       当初想如果是asp.net控件的话应该很简单实现,如果不是基于easyUI框架那就太简单了,现在是受框架的限制与是前端html控件,所以还是会稍微多转化一下,

 

前提

         这个是个人资料的修改,需要如果用户已经选择某项的话,需要加载时打上对勾:如图所示


思路

        对于数据的存储考虑过可以存放到多个字段里面,这样操作起来方便,现在通过查询资料是可以把这些只要是选中的某项都可以拼接成字符串存入到数据库中的一个字段中,读取的时候需要先把这些信息读取出来,再通过对字符串的拆分与读取,判断是否某些值被选择,这样大致的思路就有了,现在我们来实战:

实现过程

首先定义的是一个隐藏空间为了存取数据向后台传送数据


 

由于下面的复选框度在一个div里面存放,所以调用的是对div的点击事件:



 

接下来是如何把要选定的某项存入数据库中



这样通过提交表单的方法就可以把界面上的数据提交到后台,可以轻松的写入到数据库中了



核心内容:

              对如何读取并判断数据并打上对勾呢?由于是基于easyui框架,需要通过Json数据的传送

 

 

 
                    
                    

你可能感兴趣的:(善良公社项目实践)