티스토리 뷰

정보 보관 ver1.0

버튼

James Wetzel 2013. 3. 26. 19:23

<%@ 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 item1 = {

                    layout: "hbox",

                    items: [

                        {

                            xtype: "button", ui: "normal", text: "normal", iconCls: "action", iconMask: true,

                            handler: function () {

                                Ext.Msg.alert("Mssage", "Hi~~~", Ext.emptyFn);

                            }

                        },

                        { xtype: "button", ui: "normal-round", text: "normal-round" },

                        { xtype: "button", ui: "normal-small", text: "normal-small" }

                    ]

                };


                var item2 = {

                    layout: "hbox",

                    items: [

                        {

                            xtype: "button", ui: "decline", text: "decline", iconCls: "home", iconMask: true,

                            handler: function (button, event) {

                                Ext.Msg.alert("Message", "Hi~~~", Ext.emptyFn);

                            }

                        },

                        { xtype: "button", ui: "decline-round", text: "decline-round" },

                        { xtype: "button", ui: "decline-small", text: "decline-small" }

                    ]

                };


                var item3 = {

                    layout: "hbox",

                    items: [

                        { xtype: "button", ui: "confirm", text: "comfirm", iconCls: "locate", iconMask: true, badgeText: "2" },

                        { xtype: "button", ui: "confirm-round", text: "confirm-round" },

                        { xtype: "button", ui: "confirm-small", text: "confirm-small" }

                    ]

                }


                var item4 = {

                    layout: "hbox",

                    items: [

                        { xtype: "button", ui: "action", text: "action", iconCls: "favorites", iconMask: true },

                        { xtype: "button", ui: "action-round", text: "action-round" },

                        { xtype: "button", ui: "action-small", text: "action-small" }

                    ]

                }


                var item5 = {

                    layout: "hbox",

                    items: [

                        { xtype: "button", ui: "back", text: "back", iconCls: "arrow_left", iconMask: true },

                        { xtype: "button", ui: "forward", text: "forward", iconCls: "arrow_right", iconMask: true, iconArign: "right"}

                    ]

                }


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

                    layout: { type: "vbox", align: "middle", pack: "justify" },

                    items: [item1, item2, item3, item4, item5]

                });


                Ext.Viewport.add(rootPanel);

            }

        });

    </script>


</head>

<body>

</body>

</html>


728x90
반응형
저작자표시 비영리 동일조건 (새창열림)