zTree树形菜单案例

1、引入zTree的相关js：

<link rel="stylesheet" href="${ctx }/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${ctx }/zTree/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="${ctx }/zTree/js/jquery.ztree.excheck-3.5.js"></script>

2、异步获取菜单数据：

var zTree;
var dataTable;
var treeSetting = {
    view: {
        showIcon : false,     //不显示图标
        showLine: true,      //设置 zTree 不显示节点之间的连线
        selectedMulti: false,   //禁止多点同时选中的功能
        dblClickExpand: true    //双击展开父节点的功能
    },
    check: {
        enable: true,
        chkboxType: { "Y" : "s", "N" : "ps"}    //设置选中不关联父节点
    },
    data : {
        simpleData : {
            enable : true
        }
    },
    async : {
        enable : true,
        url : "${ctx}/financialGoldMng/getOrgList",
        autoParam : [],
        dataType : 'json',
        dataFilter : null
    },
     callback : {
        onCheck:onCheck
    }
};

//初始化列表数据
$(function(){
    zTree = $.fn.zTree.init($("#functionTree"), treeSetting);
});

3、java代码：

@RequestMapping(value = "getOrgList")
    public void getOrgList(HttpServletResponse response) throws IOException {
        List<Map<String, String>> list = new ArrayList<Map<String, String>>();
        List<Organ> organs = organServiceImpl.selectAllOrg();

        for (Organ organ : organs) {
            Map<String, String> map = new HashMap<String, String>();
            map.put("id", organ.getOrgCode());
            map.put("name", organ.getOrgName());
            String pId = organ.getOrgParent();
            if (pId == null) {
                map.put("pId", null);
            } else {
                map.put("pId", pId);
            }
            list.add(map);
        }
        String json = JSONUtils.array2String(list);
        WriteUtil.write(response, json);
    }

***********************************************************************************************

日期判断：

$("#endAdDate").datepicker().on("click",function(ev){
    if(null != $("#startAdDate").val() && '' != $("#startAdDate").val()){
        $("#endAdDate").datepicker("setStartDate", $("#startAdDate").val());
    }
});
$("#startAdDate").datepicker().on("click",function(ev){
    if(null != $("#endAdDate").val() && '' != $("#endAdDate").val()){
        $("#startAdDate").datepicker("setEndDate", $("#endAdDate").val());
    }
});