To be or not to be.That is a question!

---源于莎士比亚的《哈姆雷特》

导航

sencha touch xtype 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/sencha-touch.css">
    <script type="text/javascript" src="lib/sencha-touch-all-debug.js"></script>
</head>
<body>

    <script type="text/javascript">
        Ext.require("Ext.Carousel");
        Ext.application({
            name:"myApp",
            launch:function(){
                var panel=Ext.create("Ext.Panel",{
                    defaults:{
                        ui:"dark",
                        flex:1,
                        xtype:"carousel",
                        defaults:{
                            xtype:"panel"
                        }
                    },
                    layout:{
                        type:"vbox",
                        align:"stretch"
                    },
                    items:[
                        {
                            id:"carousel1",
                            direction:"horizontal",
                            items:[
                                {
                                    html:"Left panel",
                                    style:"background-color:pink"
                                },
                                {
                                    html:"Middle panel",
                                    style:"background-color:red"
                                },
                                {
                                    html:"Right panel",
                                    style:"background-color:yellow"
                                }
                            ]
                        },
                        {
                            id:"carousel2",
                            direction:"vertical",
                            items:[
                                {
                                    html:"Top panel",
                                    style:"background-color:pink"
                                },
                                {
                                    html:"Middle panel",
                                    style:"background-color:red"
                                },
                                {
                                    html:"Bottom panel",
                                    style:"background-color:yellow"
                                }
                            ]
                        }
                    ]
                });
                Ext.Viewport.add(panel);
                panel.getComponent("carousel1").setActiveItem(1);
            }
        })
    </script>
</body>
</html>

 

posted on 2013-12-15 19:03  Ijavascript  阅读(288)  评论(0)  编辑  收藏  举报