<!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的更多相关文章

  1. ExtJs学习笔记之学习小结LoginDemo

    ExtJs学习小结LoginDemo 1.示例:(登录界面) <!DOCTYPE html> <html> <head> <meta charset=&quo ...

  2. ExtJS学习之路第八步：Window组件

    一个专门Panel用作程序窗口.默认的,Window可以是浮动的(floated).可缩放(resizable)以及可拖动的(draggable).Window能够被最大化适应可视窗口,(restor ...

  3. ExtJs学习笔记之Window组件

    Window窗体组件 window是一个指定的打算作为一个应用程序窗口的面板,默认窗口是浮动的,resizable, 并且draggable,默认的,窗体靠document.body呈现. 1.示例: ...

  4. Extjs 学习笔记1

    学习笔记 目   录 1 ExtJs 4 1.1 常见错误处理 4 1.1.1 多个js文件中有相同的控件,切换时无法正常显示 4 1.1.2 Store的使用方法 4 1.1.3 gridPanel ...

  5. ExtJS学习之路第一步：对比jQuery,认识ExtJS

    最近纷杂的事情比较多了,奔波ing!所以,Node.js 和Canvas动画系列都停止了,等稳定了再重拾书本继续学习!因为某种原因最近在看ExtJS,分享下学习的心得,希望对同道中人有所帮助. 第一用 ...

  6. extjs 学习笔记（二）

    EXTJS实用开发指南 1. 要使用ExtJS 框架的页面中一般包括下面几句: <link rel="stylesheet" type="text/css" ...

  7. ExtJS学习第一天 MessageBox

    此文用来记录学习笔记: •学习任何技术,首先都要从Helloworld开始,那么我们首要任务就是写一个简单的HelloWorld程序,带领同学们走进ExtJS的世界. •Ext.onReady:这个方 ...

  8. Extjs学习----------动态载入js文件（减轻浏览器的压力）

    动态载入js文件能够减轻浏览器的压力,本例使用了Ext.window.Window组件,该组件的学习地址:http://blog.csdn.net/z1137730824/article/detail ...

  9. ExtJS学习(一)Ext自定义类实现

    工作中项目需要extjs,所以学习一下,做个笔记防止遗忘了.以后回忆起来也方便. 首先下载extjs官网地址:http://extjs.org.cn/ 下载以后的目录结构: 先写一个入门的程序吧自定义 ...

随机推荐

  1. Java_oop_继承

    不用多久,就会升职加薪,当上总经理,出任CEO,迎娶白富美,走上人生巅峰.想想还有点小激动呢, OK,睡醒了,我们说到继承就先来学习一下Java中继承的语法. public SubClass exte ...

  2. pscp详解

    pscp详解 在linux中,我们常用scp命令传输文件: 如以下实例,我们想把当前服务器文件abc.sql传输到192.168.1.1服务器上,我们可以执行以下命令: scp /home/perso ...

  3. Smart20学习记录----异步通知

    异步通知: 阻塞与非阻塞访问.poll()函数提供了较好地解决设备访问的机制(应用程序主动访问) 异步通知:一旦设备就绪,则主动通知应用程序,这样应用程序根本就不需要查询设备状态,这一点非常类似于硬件 ...

  4. MINIX3 保护模式分析

    3.1 INTEL 保护模式概要 先要说明一个问题:不是 MINIX3 一定要设置这个保护模式,但是在 386 平台上, 引入了这个保护模式机制,MINIX3 不得不设立相关保护模式的内容.由于 38 ...

  5. 《JS高程》引用类型学习笔记

    2月圆满的结束了,结束之前是如凤凰般的涅槃.一边上班,一边搞科研的忙碌有点让人透不过气,心会不由得浮躁起来.但是,无论什么事情,只要充满耐心.专心去做,总会朝好的方向发展,心态真的很重要.Anyway ...

  6. 【题解】【数组】【查找】【Leetcode】Search Insert Position

    Given a sorted array and a target value, return the index if the target is found. If not, return the ...

  7. Flume NG之Interceptor简介

    转载地址:http://www.cnblogs.com/lxf20061900/p/3658172.html 有的时候希望通过Flume将读取的文件再细分存储,比如讲source的数据按照业务类型分开 ...

  8. ~0u >> 1

    ~ 逐位求反u 后辍为 定义unsigned类型>>右移如在32系统中,连起来就是 将32位的0取反后 右移一位.也就是 int 的最大值 2147482347

  9. jquery 下了框

    //选中特定值 $("#Select_GBType").attr("value", "选中项ID"); //获取选中项的值 $(" ...

  10. ANTLR3完全参考指南读书笔记[08]

    前言 不要让用户被那些“专业术语”吓住! 用心设计的提示和反馈信息是软件设计者的“职业良心”.   内容 1 存在哪些错误? 2 美化错误提示 3 错误恢复策略   1 存在哪些错误? 在DSL语言开 ...