这几天做动态菜单用到了这个插件，目前用的很广泛的一个开源框架，最新发布的QUI框架就是用这个插件开发的菜单部分，因此还是很值得深入研究和学习，通过使用感觉功能很丰富，好多函数不用自己开发和编写，官网上有很详尽的API可以参考，用着算顺手但学习使用的过程中也遇到了一些困难，听过反复测试和查资料都理解了，但也在思考一个问题，怎么样才能使得最快的时间从接触一个新东西到灵活掌握的程度？
这个不仅仅是一个树形结构的菜单，每个节点左边可以有一个复选框，看了看也挺简单的，只需要在setting里面配置一个checked属性即可。
目前经验觉得这个用在组织结构、分类、尤其是权限，如果用这个插件完成会很完美和自己的业务逻辑相结合。
原理是很容易理解就不过多说它的原理了，大致同ajax异步请求原理相同，看一遍介绍你也就明白了，这个框架全部是异步请求数据，提高了用户体验度。
在学这个过程中，本人有如下几点浪费了点时间拿出来和大家分享一下，以便大家下次项目中使用更容易上手。
静态数据与动态数据
这个框架支持XM、json等多种数据格式，建议大家使用json格式数据觉得效果好一些、加载的时候快一些，关于数据格式可以参考官网给的一些数据，官网上面给的都是一些假数据，如果动态生成菜单淡然需要从数据库里面查询出来，然后转换成json字符串了，需要自己解析json字符串。
在之前做项目中还真没有自己好好研究一下解析字符串，现在用到了只能现学现弄这样减慢了开发效率，这应该属于开发基础。
我自己试着写几种方法解析、试着引用网上的方法、几种迭代都不能生成正确的字符串，最后一种还是解析出来了，从数据库查询出来的是list列表，然后把他解析成了一个json串，所有数据都显示在顶层菜单，检查json串和给的例子是一样的但是还是出不来折叠效果。
原来并不是解析json串不对，而是它打印到界面上是一级一级打印，并不是一下全部查出来都打印出去，这样当然就在一个级别上了，这也是所说的静态加载全部节点，很让人恶心的json串，强烈建议大家数量掌握几种解析json、array等以及相互转换的方法，这些是很基本的能力，平时会经常用的。
isParent节点
我们一看都知道这个节点表示是不是父节点，它有什么含义呢，在使用中我发isParent为true时，表示的是该节点左边接受单机事件，也就是会有一个展开符号，每次点击会触发一次异步提交数据，请求子节点数据加载到页面上。正常情况下如果你不点击父节点所有子节点是不加载到页面的。
后台生成树json串代码
treeList=resourceService.list(childMap); JSONArray jsonArray=new JSONArray(); for(Organization organization:treeList) { JSONObject jsonObject=new JSONObject(); jsonObject.put("id",organization.getId()); jsonObject.put("pid",organization.getPid()); jsonObject.put("name",organization.getName()); //判断所选择节点是否是父节点，如果是设置isParent属性为true,不是设置为false Map subchildMap=new LinkedHashMap(); subchildMap.put("sqlid","SubChildLst"); subchildMap.put("id",organization.getId()); List<Organization> subtreeList=new ArrayList<Organization>(); subtreeList=resourceService.list(subchildMap); if(subtreeList.size() > 0 ) { jsonObject.put("isParent","true"); }else { jsonObject.put("isParent","false"); } boolean isChecked=resourceService.IsChecked(contactid,organization.getId()); if (null==contactid || "".equals(contactid) || "null".equals(contactid)) { jsonObject.put("checked","false"); }else { if (isChecked) { jsonObject.put("checked","true"); }else { jsonObject.put("checked","false"); } } jsonObject.put("open","false"); jsonArray.put(jsonObject); } String json=JsonUtil.toJson(jsonArray); |
