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');
                            }
                        });
    
                    });
  • 相关阅读:
    IOS模拟器
    Android Monkey 测试实例
    Android log分析
    Android压力测试-Monkey
    IOS 压力测试-UI AutoMonkey
    Appium
    在chrome下鼠标拖动层变文本形状的问题
    学习笔记:利用GDI+生成简单的验证码图片
    利用FileStream实现多媒体文件复制
    C#读取Excel文件:通过OleDb连接,把excel文件作为数据源来读取
  • 原文地址:https://www.cnblogs.com/chirs888888/p/6293553.html
Copyright © 2011-2022 走看看