JFinal 实现jQuery EasyUI ComboTree数据加载并收起菜单节点

最新推荐文章于 2019-11-18 08:56:06 发布

逗比的胡萝卜

最新推荐文章于 2019-11-18 08:56:06 发布

阅读量3.2k

点赞数 3

分类专栏： JAVA 文章标签： jquery easyui jfinal combobox

本文链接：https://blog.csdn.net/sundaynight19/article/details/48180595

版权

本文介绍了如何在JFinal项目中结合jQuery EasyUI实现ComboTree组件的数据加载，并通过JavaScript控制菜单节点收起。首先在jsp页面设置下拉框，然后利用js加载combotree并实现节点收起功能。接着在Controller中添加对应的URL处理方法，注意SQL查询要获取id和text作为别名。最后，编写getRecordTree函数以构造树形结构。附带了ComboTree的一些常用操作说明。

摘要由CSDN通过智能技术生成

最终实现的效果：
最终效果

第一步：jsp页面中添加下拉框

<select id="cc" class="easyui-combotree" name="cc" style="width:200px;"></select>

第二步：用js加载combotree，用js加载更加方便

$(function () {
    $('#cc').combotree({ 
        url: 'combotreeData',
        valueField: 'id',
        textField: 'text',
        editable: false,
        onLoadSuccess: function (node, data) {
            $("#cc").combotree('tree').tree("collapseAll");
        }
    });

});