首页 / JQUERY / Jquery LigerUI框架学习（二）之Tree于Tab标签实现iframe功能

Jquery LigerUI框架学习（二）之Tree于Tab标签实现iframe功能

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery LigerUI框架学习（二）之Tree于Tab标签实现iframe功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1001字，纯文字阅读大概需要2分钟。

内容图文

LigerUI框架Tree于Tab标签动态使用，当点击Tree后动态创建Tab标签，和通常用的iframe框架功能类似

Tree中的关键代码

            //
            Tree初始化
            $("#tree1").ligerTree({
                nodeWidth: 112, //Tree控件宽度
                data: createData(), //Tree数据源
                checkbox: false, //是否使用Checkbox
                idFieldName: ‘id‘, //绑定id
                isExpand: 2, //是否展开节点 FALSE为不展开 TRUE展示所有节点 指定数字为展开指定节点
                slide: false, //节点展开效果False无效果 TRUE缓慢展开效果
                parentIDFieldName: ‘pid‘, //绑定夫ID
                onSelect: function (node) {//节点点击事件var tabid = $(node.target).attr("tabid");
                    if (node.data.url.length < 15) return;
                    if (!tabid) {
                    //判断该TabItem是否存在，存在展开该Item
                        tabid = new Date().getTime();
                        $(node.target).attr("tabid", tabid)
                    }
                    TabAdd(tabid, node.data.text, node.data.url);
                }
            });

  Tab动态添加节点关键代码 

            //
            左侧面板初始化
  $("#accordion1").ligerAccordion({}); 
  accordion = liger.get("accordion1");//声明面板 
 //添加Tab标签        function TabAdd(tabid, TabText, TabUrl) {
            tab.addTabItem({
                tabid: tabid,//Tab ID
                text: TabText, //Tab名称
                url: TabUrl//Tab链接            });
        }

通过上面代码就动态使用tree和Tab控件，实习iframe功能

原文：http://www.cnblogs.com/xiao-bei/p/3939589.html

内容总结

以上是互联网集市为您收集整理的Jquery LigerUI框架学习（二）之Tree于Tab标签实现iframe功能全部内容，希望文章能够帮你解决Jquery LigerUI框架学习（二）之Tree于Tab标签实现iframe功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1159853.html

来源：【匿名】