ExtJs学習のWindow
13373 ワード
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>EXtjs Window</title>
<link rel="stylesheet" type="text/css" href="extjs-4.2.1/resources/css/ext-all.css">
<script type="text/javascript" src="extjs-4.2.1/ext-all.js"></script>
<script type="text/javascript" src="extjs-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="extjs-4.2.1/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
/**
。 ,resizable, draggable。 maximized , , minimize。
Ext.ZIndexManager Ext.WindowManager , , , 。
, document.body 。 constrain( ) renderTo 。
Containers, 。 layout
*/
Ext.onReady(function(){
Ext.create('Ext.window.Window',{
title:'Hello',
height:200,
width:400,
layout:'fit',
items:{
xtype:'grid',
border:false,
columns:[{header:'world'}], // 。 ,
store:Ext.create('Ext.data.ArrayStore',{}) //
}
}).show();
///
// 。 ,Ext.MessageBox ‘Ext.Msg’ 。
// , 。 JavaScript alert ( ), 。 , ,
Ext.Msg.alert('Status','Ext.Msg.alert');
//
Ext.Msg.prompt('Name','plase enter your name:',function(btn,text){
if(btn == 'ok'){
Ext.Msg.alert(text);
}
});
//
Ext.Msg.show({
title:'Save Changes?',
msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
buttons: Ext.Msg.YESNOCANCEL,
icon: Ext.Msg.QUESTION
});
});
</script>
</head>
<body>
</body>
</html>