Sivo 悉见

tab frame多窗口切换

匿名 · 更新于 2015/4/7

<div id="tabview" class="uf sc-bg ubt sc-border-tab"></div>
// JavaScript Document
var tabview = appcan.tab({
            selector: "#tabview",
            hasIcon: true,
            hasAnim: true,
            hasLabel: true,
            hasBadge: true,
            data: [{
                label: "QQ",
                "icon": "fa-qq"
            },
            {
                label: "微软",
                "icon": "fa-windows"
            },
            {
                label: "微信",
                "icon": "fa-weixin",
                badge: 1
            }]
        });
        tabview.on("click",
        function(obj, index) {
            appcan.window.selectMultiPopover("content", index);
            $("#header h1").html(index);
        });
        appcan.ready(function() {
            var top = $('#header').offset().height;
            appcan.frame.open({
                "id": "content",
                url: [{
                    "inPageName": "百度",
                    "inUrl": "1.html",
                },
                {
                    "inPageName": "新浪",
                    "inUrl": "2.html",
                },
                {
                    "inPageName": "网易",
                    "inUrl": "3.html",
                }],
                "top": top,  //顶部边距为header的高度
                "left": 0,   //左边距为0
				"index": 0,  //默认选中第一个浮动窗口子页
				"change":function(){
					alert('a')
				}
            })
        })
   appcan.button(".nav-btn", "btn-act", function() {
    this.id == "nav-left" && appcan.window.close(-1);
})