버튼
<%@ 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>