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');
                        }
                    });

                });
原文地址:https://www.cnblogs.com/chirs888888/p/6293553.html