easyUI入门--3

最新推荐文章于 2024-04-26 16:47:03 发布

置顶一屋不扫何以扫-天下

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量226

点赞数

分类专栏： JavaScript框架文章标签： easyui javascript

本文链接：https://blog.csdn.net/qq_39544334/article/details/77568920

版权

JavaScript框架专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Tree

tree加载过程

$(function() {

// 通过js渲染tree组件
$("#nav").tree({
    url : '${pageContext.request.contextPath}/getTree.action',
    lines : true,
    onLoadSuccess : function(node, data) {
        if (data) {
            // 遍历获取的节点
            $(data).each(function() {
                // 判断对象的state是否为closed
                if (this.state == 'closed') {
                    // 整个tree展开
                    $("#nav").tree('expandAll');
                }
            });
        }
    }
});

监听打开事件，当打开按钮时

$('#nav')
        .tree(
                {
                    onClick : function(node) {

                        // 判断触发条件，node的url参数不为空
                        if (node.url) {
                            alert(node.url);
                            if ($("#tabs").tabs('exists', node.text)) { // 判断tab是否存在

                                // 选中tab
                                $("#tabs").tabs('select', node.text);

                            } else { // 若不存在，添加tab
                                $("#tabs")
                                        .tabs(
                                                'add',
                                                {
                                                    title : node.text,
                                                    href : '${pageContext.request.contextPath}/2_datagrid/datagird.jsp',
                                                    iconCls : node.iconCls,
                                                    closable : true,
                                                });
                            }
                        }
                    }
                });

设置iframe标签

function createStr(url) {
        var str = '<iframe style="width:100%;height:100%;" frameborder="no" src="'
                + url + '"></iframe>';
        //alert(str);
        return str;
    }