Ztree结合jbox实现弹窗树结构

点击添加分类，弹出事项选择框为jbox

<a href="#" id="down{{row.id}}" style="display:none" onclick="xz('{{row.id}}')" type="button" >添加下级事项</a>

使用onclick触发，并传参数id

function xz(id){

            top.$.jBox.open("iframe:${ctx}/hb02/hbGprotreeInfo/selectSx?id="+id, "事项选择",810,$(top.document).height()-240,{

                buttons:{"确定":"ok", "关闭":true}, submit:function(v, h, f){

                var ids = h.find("iframe")[0].contentWindow.$("#checkedId")[0].value;

                    if (v=="ok"){

                        // 执行保存

                        loading('正在提交，请稍等...');

                        $("#searchForm").attr("action","${ctx}/hb02/hbGprotreeInfo/save?id="+id+"&ids="+ids);

                        $('#searchForm').submit();

                        return true;

                    } else if (v=="clear"){

                        h.find("iframe")[0].contentWindow.clearAssign();

                        return false;

                    }

                }, loaded:function(h){

                    $(".jbox-content", top.document).css("overflow-y","hidden");

                }

            });

        }

后台代码实现弹出窗口

/**

     * jbox 弹框页面。   ypr

     * @param hbGprotreeInfo

     * @param model

     * @return

     */

    @RequiresPermissions("hb02:hbGprotreeInfo:edit")

    @RequestMapping(value = "selectSx")

    public String selectSx(HbGprotreeInfo hbGprotreeInfo,Model model) {

        //new一个字典实体

        Dict dict=new Dict();

        //type=act_category，进行条件查询

        dict.setType("act_category");

        List<HbGprotreeInfo> list = hbGprotreeInfoService.findParent(hbGprotreeInfo);

        model.addAttribute("HbGprotreeInfo", hbGprotreeInfo);

        model.addAttribute("dList", dictService.findList(dict));

        model.addAttribute("HbGprotreeList", hbGprotreeInfoService.findDt(hbGprotreeInfo));

        //这里返回的页面就是事项选择页面，可自己定义返回页面

        return "modules/hb/hb02/hbGprotreeInfofl";

    }

使用jbox弹出窗口 选树结构择类型按钮，弹出树结构，

<div class="control-group">

    <label class="control-label">选择类型：</label>

        <div class="controls" >

        <!-- url 查询树结构数据   -->

            <sys:treeselect  id="checked" name="dictLists" value=""  labelName="dict.value" labelValue="${dict.value}"

            title="类型" url="/hb02/hbGprotreeInfo/treeData?id=${HbGprotreeInfo.id}"  extId="${dict.value}" cssClass="input-xxlarge required"    checked="true" allowClear="true"/>

        </div>

</div>

后台

/**

     * 点击选择事项查询  进行回显打勾，禁用等操作

     * @param extId

     * @param hbGprotreeInfo

     * @param response

     * @return

     */

    @RequiresPermissions("user")

    @ResponseBody

    @RequestMapping(value = "treeData")

    public List<Map<String, Object>> treeData(@RequestParam(required=false) String extId,HbGprotreeInfo hbGprotreeInfo,HttpServletResponse response) {

        List<Map<String, Object>> mapList = Lists.newArrayList();

        //查询字典中数据，返回为树结构数据

        Dict dict=new Dict();

        //type=act_category，进行条件查询

        dict.setType("act_category");

        List<HbGprotreeInfo> chong=hbGprotreeInfoService.findChong(hbGprotreeInfo);

        //根据数据查询字典数据，树结构展示   ypr

        List<Dict> list = dictService.findList(dict);

        //查询父节点下所有子节点  ypr

        List<HbGprotreeInfo> hbGprotreeList=hbGprotreeInfoService.findParent(hbGprotreeInfo);

        //循环将树结构数据展示

        for (int i=0; i<list.size(); i++){

            Dict e = list.get(i);

                Map<String, Object> map = Maps.newHashMap();

                map.put("id", e.getId());

                map.put("pId", e.getParentId());

                map.put("name", e.getLabel());

                //根据查询出的父节点下所有数据循环   ypr

                for(int j=0;j<hbGprotreeList.size();j++){

                    HbGprotreeInfo hbGprotreeInfo2 = hbGprotreeList.get(j);

                    //判断回显打勾的数据，如果股/分类Entity中流程类型，等于字典中value，打勾

                    if(hbGprotreeInfo2.getLctype().equals(e.getValue())){

                        //打勾

                        map.put("checked", true);

                    }

                }

                //循环判断重复数据  0517 ypr

                for(int k=0;k<chong.size();k++){

                    HbGprotreeInfo hbGprotreeInfo3 = chong.get(k);

                    if(hbGprotreeInfo3.getLctype().equals(e.getValue())){

                        //打勾，禁用

                        map.put("checked", true);

                        map.put("chkDisabled", true);

                    }

                }

                mapList.add(map);

        }

        return mapList;

    }

zTree包与jbox的包可以去资源下载   点击打开链接