ExtJs学习之Window
<!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>
<!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>
ExtJs学习之Window的更多相关文章
- ExtJs学习笔记之学习小结LoginDemo
ExtJs学习小结LoginDemo 1.示例:(登录界面) <!DOCTYPE html> <html> <head> <meta charset=&quo ...
- ExtJS学习之路第八步：Window组件
一个专门Panel用作程序窗口.默认的,Window可以是浮动的(floated).可缩放(resizable)以及可拖动的(draggable).Window能够被最大化适应可视窗口,(restor ...
- ExtJs学习笔记之Window组件
Window窗体组件 window是一个指定的打算作为一个应用程序窗口的面板,默认窗口是浮动的,resizable, 并且draggable,默认的,窗体靠document.body呈现. 1.示例: ...
- Extjs 学习笔记1
学习笔记 目 录 1 ExtJs 4 1.1 常见错误处理 4 1.1.1 多个js文件中有相同的控件,切换时无法正常显示 4 1.1.2 Store的使用方法 4 1.1.3 gridPanel ...
- ExtJS学习之路第一步：对比jQuery,认识ExtJS
最近纷杂的事情比较多了,奔波ing!所以,Node.js 和Canvas动画系列都停止了,等稳定了再重拾书本继续学习!因为某种原因最近在看ExtJS,分享下学习的心得,希望对同道中人有所帮助. 第一用 ...
- extjs 学习笔记（二）
EXTJS实用开发指南 1. 要使用ExtJS 框架的页面中一般包括下面几句: <link rel="stylesheet" type="text/css" ...
- ExtJS学习第一天 MessageBox
此文用来记录学习笔记: •学习任何技术,首先都要从Helloworld开始,那么我们首要任务就是写一个简单的HelloWorld程序,带领同学们走进ExtJS的世界. •Ext.onReady:这个方 ...
- Extjs学习----------动态载入js文件（减轻浏览器的压力）
动态载入js文件能够减轻浏览器的压力,本例使用了Ext.window.Window组件,该组件的学习地址:http://blog.csdn.net/z1137730824/article/detail ...
- ExtJS学习(一)Ext自定义类实现
工作中项目需要extjs,所以学习一下,做个笔记防止遗忘了.以后回忆起来也方便. 首先下载extjs官网地址:http://extjs.org.cn/ 下载以后的目录结构: 先写一个入门的程序吧自定义 ...
随机推荐
- Java 集合深入理解（14）：Map 概述
点击查看 Java 集合框架深入理解 系列, - ( ゜- ゜)つロ 乾杯~ 终于把 List 常用的几种容器介绍完了,接下来开始 Map 的相关介绍. 什么是 Map Java 中的 Map 接口 ...
- 关于HttpWebRequest.KeepAlive
于HTTP服务器每个客户端2个连接的限制这两天猫在家里搞一个多线程的断点续传得C#程序,发现同时只能开2个线程下载,其他的线程一律要等待,这样就导致下载大文件时其他线程经常超时,郁闷好久.今天回公司无 ...
- HDU5772 (最小割）
Problem String problem (HDU5772) 题目大意 给定一个由数字组成的字符串(n<=100),挑选出一些字符组成一个新的字符串. 字符串的价值: sigma w[id( ...
- INNO：检测程序是否已经安装，是则弹出卸载提示。
INNO:检测程序是否已经安装,是则弹出卸载提示. 作者:少轻狂 | 发布:2010-08-05 | 更新:2013-09-05 | 分类:部署 | Disposition | 热度:2816 ℃ 实 ...
- C/C++访问PostgreSQL数据库
编号:1011时间:2016年5月17日09:46:01功能:Windows环境下C/C++访问PostgreSQL数据库https://segmentfault.com/a/119000000062 ...
- css中的width,height，属性与盒模型的关系
这段话很容易记住盒模型: css中盒子模型包含属性margin.border.padding.content,他们可以把它转移到我们日常生活中的盒子(箱 子)上来理解,日常生活中所见的盒子也具有这些属 ...
- 五 浅谈CPU 并行编程和 GPU 并行编程的区别
前言 CPU 的并行编程技术,也是高性能计算中的热点,也是今后要努力学习的方向.那么它和 GPU 并行编程有何区别呢? 本文将做出详细的对比,分析各自的特点,为将来深入学习 CPU 并行编程技术打下铺 ...
- 1分钟学会Markdown语法
markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码,tab是用来标记 代码段,分别对应htm ...
- UVa 12558 - Egyptian Fractions (HARD version)
题目大意: 给出一个真分数,把它分解成最少的埃及分数的和.同时给出了k个数,不能作为分母出现,要求解的最小的分数的分母尽量大. 分析: 迭代加深搜索,求埃及分数的基础上,加上禁用限制就可以了.具体可以 ...
- UVa 1388 - Graveyard
题意:有一个周长为10000的圆上等距分布着n个雕塑,现在又加入m个雕塑,位置随意,希望n+m个雕塑仍然均匀分布.这就要移动其中一些雕像,求移动的最小距离. 这个题的方法很巧妙,首先将整个圆分成(m+ ...