티스토리 뷰

💼 정보 ver1.0

컴포넌트 공통 구성 옵션

James Wetzel 2013. 3. 26. 18:02
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 button1 = { xtype: "button", text: "버튼1" };

                var button2 = { xtype: "button", text: "버튼2" };

                var button3 = { xtype: "button", text: "버튼3" };


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

                    layout: { type: "hbox", align: "top" },

                    defaults: {

                        flex: 1,

                        handler: function (button, event) {

                            Ext.Msg.alert("알림", button.getText() + "을 클릭", Ext.emptyFn);

                        }

                    },


                    items: [button1, button2, button3]


                });


                Ext.Viewport.add(rootPanel);


            }

        });

    </script>


</head>

<body>

</body>

</html>


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