树形数据的反选有两种方法以及处理后台返回拼装htmL的异步获取不到现象（但是页面F12可以看到）

树形数据的反选有两种方法以及处理后台返回拼装htmL的异步获取不到现象（但是页面F12可以看到）:

1、在后台构建树的时候，就和被选中的结果集比较设置被选中---》缺点需要在迭代中加入循环匹配、效率低

2、只在后台构建树，在前台用js结合本选中的结果集进行设置勾选---》免除在迭代中循环

 

 

 

 scriptOfMenu.append("<li tname=\"name\" tvalue=\"" + tree.getId() + "\" " +">");

 

 ////////////////////////////////////////////////////////////////////////

 如果是后台返回的字符串且渲染成功（返回时长不长在渲染之前（最后一个js执行完才开始渲染）），但是js获取不到里面的元素操作，这种问题还是因为此js不是最后执行的js，其在渲染前就执行了当然拿不到（但是页面F12可以看到），所以改用ajax同时改为同步，或延时

 调用，

 

比如：

<div style="height: 90%">

<form method="post" action="${pageContext.request.contextPath}/account/tradPerm/tradPermModify" class="pageForm required-validate" onsubmit="return validateCallback(this,navTabAjaxDone)">

 <input type="hidden" name="id" value="${customerKey}">

 <fieldset>

 <legend>会员权限分配</legend>

 <dl>

 <dt style="width: 50px;display: inline-block;"><input type="submit" value="保存"/></dt>

 <dd style="width: 50px;display: inline-block;"><input type="button" value="返回"/></dd>

 </dl>

 <dl>

 <div id="layoutSimple" style="width: 99.8%;">

 <div position="left" title="会员权限分配" id="accordionSimple"

style="text-align: left; overflow: auto;">

 <ul id="mtreeSimple" style="margin-top: 3px;height: 600px;" class="tree treeFolder treeCheck expand" oncheck="kkk" >

${permTree}

</ul>

 </div>

 </div>

 </dl>

</fieldset> 

 

</form>

</div>

 

<script type="text/javascript">

var oidStr="";

var aa ="";

var aarray= [];

setTimeout(function () { 

aa =parseInt($("input[name='name1']").length);

for(i=0;i<aa;i++){ 

oidStr +=$("input[name='name1']")[i].value+',';

   

}  

 

aarray=oidStr.split(",");

for(j=0;j<aarray.length-1;j++){

<c:forEach items="${cusPowerGroupList}" var="item">

var tmp=${item.groupKey};

 

               if(aarray[j]==tmp){

               $("li a[tvalue='"+tmp+"']").attr("checked",'true');

              $("input[value='"+tmp+"']").attr("checked",'true');

              $("input[value='"+tmp+"']").parent().attr("class",'ckbox checked'); 

             /*  $("input[value='"+tmp+"']").click();  */

               }

</c:forEach>

}

/*  $("li a[tvalue='161']").attr("checked",'true');

$("input[value='161']").attr("checked",'true');

$("input[value='161']").parent().attr("class",'ckbox checked'); */

//alert(aarray);=""

}, 60);

 

 

 

</script>

 

用树形实体不要求查询的结果集为树形，在遍历的时候直接根据pid，id组装

private Tree createMenuTree(String cusTradeKind,int i)

 {

Example example = new Example(TbPowerGroup.class);

example.createCriteria().andLike("flag", "%"+cusTradeKind+"%");

example.setOrderByClause("levelCode asc");

List<TbPowerGroup> list= tbPowerGroupMapper.selectByExample(example);

Map mr= new HashMap();

mr.put("NodeName", "会员中心");

Tree tree = new Tree("-1", 0, mr, 0);

createMenuTreeNow(tree,list);

//    return this.permServ.findMenuTree(this.CusTradeKind, 0);

return tree;

 }

 

 

private void  createMenuTreeNow(Tree tree,List<TbPowerGroup> list ){

if (tree.getType() == 1) {

     return;

   }

List<TbPowerGroup> temp = new ArrayList<TbPowerGroup>();

temp.addAll(list);

for(TbPowerGroup l : list){

     Map mr = new HashMap();

     mr.put("NodeName",  l.getGroupName());

     Tree t = new Tree( l.getGroupKey().toString(),  l.getGroupLevel().intValue() == 2 ? 1 : 0, mr,  Integer.valueOf(l.getLevelCode()));

     if ( l.getParentKey().toString().equals(tree.getId()))

     {

       tree.getSonList().add(t);

       temp.remove(l);

       createMenuTreeNow(t, temp);

     }

}

}