zoukankan      html  css  js  c++  java
  • EasyUI手风琴 Tab卡使用

    --案例项目代码,初始化手风琴,定义打开Tab的方法.
    
    $(result).each(function () {
                        //m_pi_jscode,pi_jscode
    
                        if (m_pi_id != this["m_pi_id"]) {
                            m_pi_id = this["m_pi_id"];
                //手风琴初始化
                            $('#menu_accordion').accordion('add', {
                                id: "m" + this.m_pi_id,
                                title: this.m_pi_name,
                                iconCls: this.pi_icon,
                                content: "",
                                selected: false
                            });
                        }
                        var menu_html = '<div style="text-align:left;margin-top:5px;margin-left:10px">';
                        menu_html += '<a id="m' + this.pi_id + '" href="javascript:void(0)" url="' + this.pi_url + '">';
                        menu_html += '&nbsp;' + this.pi_name;
                        menu_html += '</a>';
                        menu_html += '</div>';
    
                //手风琴属性
                        $('#m' + this.m_pi_id).append(menu_html);
    
                        $('#m' + this.pi_id).linkbutton({
                            plain: true,
                            iconCls: this.pi_icon
                        });
    
                //Tabs打开定义
                        $('#m' + this.pi_id).bind('click', function () {
                            //取得自定义的url
                            var href = $.trim($(this).attr("url"));
                            var title = $.trim($(this).text());
                            //验证该选择项是否存在,如果存在则选择
                            if ($("#centertabs").tabs("exists", title)) {
                                $("#centertabs").tabs("select", title);
                            }
                            else {
                                //添加选择项
                                $('#centertabs').tabs('addIframeTab', {
                                    //tab参数为一对象,其属性同于原生add方法参数
                                    tab: {
                                        title: title,
                                        closable: true,
                                        tools: [{
                                            iconCls: 'icon-mini-refresh',
                                            handler: function (e) {
                                                var title = $(e.target).parent().parent().text();
    
                                                $('#centertabs').tabs('updateIframeTab', { 'which': title });
                                            }
                                        }]
                                    },
                                    //iframe参数用于设置iframe信息,包含:
                                    //src[iframe地址],frameBorder[iframe边框,,默认值为0],delay[淡入淡出效果时间]
                                    //height[iframe高度,默认值为100%],width[iframe宽度,默认值为100%]
                                    iframe: { src: href },
                                    //                                        delay: 1000
                                    delay: 200
                                });
    
                                $('#centertabs').tabs('addEventParam');
                            }
                        });
    
                    });
  • 相关阅读:
    P1121 环状最大两段子段和
    无题
    cdoj 1485 柱爷搞子串 sam treap
    自然数幂和
    Gym 100341C AVL Trees NTT
    线性筛分解质因子
    codeforces 366 Ant Man dp
    UVALive 6914 Maze Mayhem 轮廓线dp
    hdu 5790 Prefix 字典树 主席树
    莫比乌斯反演个人小结
  • 原文地址:https://www.cnblogs.com/chirs888888/p/6293553.html
Copyright © 2011-2022 走看看