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

                });
相關文章
相關標籤/搜索