티스토리 뷰

💼 정보 ver1.0

Card 레이아웃

James Wetzel 2013. 3. 26. 16:24
728x90
반응형

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>


<!DOCTYPE HTML>

<html manifest="" lang="kr">

<head>

    <meta charset="UTF-8">

    <title>MobileWeather</title>

    

    <script src="../../touch/sencha-touch-all-debug.js" type="text/javascript"></script>

    <link href="../../touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />

   

    <script type="text/javascript">

        Ext.require("Ext.tab.Panel");

    </script>


    <script type="text/javascript">

        Ext.application({

            name: "MobileWeather",

            launch: function () {

                var card1 = Ext.create("Ext.Panel", {

                    title: "Red",

                    style: "background-color: red;"

                });


                var card2 = Ext.create("Ext.Panel", {

                    title: "Green",

                    style: "background-color: green;"

                });


                var card3 = Ext.create("Ext.Panel", {

                    title: "Blue",

                    style: "background-color: blue;"

                });


                var rootPanel = Ext.create("Ext.tab.Panel", {

                    items: [card1, card2, card3]

                });


                Ext.Viewport.add(rootPanel);

            }

        });

    </script>


</head>

<body>

   

</body>

</html>

728x90
반응형
저작자표시 비영리 동일조건