<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="window.aspx.cs" Inherits="Extjs.window" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script src="extjs/examples/shared/examples.js" type="text/javascript"></script>
<link href="extjs/examples/shared/example.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
Ext.require([
'Ext.window.MessageBox',
'Ext.tip.*'
]);
Ext.onReady(function () {
Ext.create('Ext.window.Window', {
title: 'Ext.window',
height: 200,
400,
layout: 'fit'
}).show();
var click = Ext.get('click');
click.on('click', function (e) {
Ext.create('Ext.window.Window', {
title: 'click show window',
height: 200,
400,
layout: 'fit'
}).show();
});
var dbclick = Ext.get('dbclick')
dbclick.on('dblclick', function (e) {
Ext.create('Ext.window.Window', {
title: 'dbclick show window',
height: 200,
400,
layout: 'fit'
}).show();
});
var Alert = Ext.get('Alert');
Alert.on('click', function (e) {
Ext.Msg.alert('Status', 'Changes saved successfully.');
});
var prompt = Ext.get('prompt');
prompt.on('click', function (e) {
Ext.Msg.prompt('Status', "Standard prompt dialog.", function (btn, text) {
if (btn == 'ok') {
Ext.Msg.alert('Status', "You selected ok button");
}
})
});
var config = Ext.get('config');
config.on('click', function (e) {
Ext.Msg.show({
title: 'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
icon: Ext.window.MessageBox.QUESTION,
buttons: Ext.Msg.YESNOCANCEL
});
});
var yesno = Ext.get('yesno');
yesno.on('click', function (e) {
Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
});
function showResult(btn) {
Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
};
});
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<p id="click">click</p><br />
<p id="dbclick">double click</p><br />
<p id="Alert">Alert</p><br />
<p id="prompt">Prompt</p><br />
<p id="config">Yes/No/Cancel</p><br />
<p id="yesno">Yes/No</p>
</asp:Content>