文档章节

ExtJs 学习笔记 一 初体验

东湖畔新家
 东湖畔新家
发布于 2017/05/09 18:57
字数 308
阅读 0
收藏 0

<link rel="stylesheet" type="text/css" href="ext-2.2/resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-2.2/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-2.2/ext-all-debug.js"></script>
<div id="hello">&nbsp;</div>
    <div id="word">&nbsp;</div>
    <input id="btnAlert" type="button" value="alert框" />
 
function a(){
            alert("a")
        }

        Ext.onReady(function(){
            //创建对话框
           Ext.MessageBox.alert("hello","Hello,easyjf open source");

            //创建窗口
            var win = new Ext.Window({
                title:"hello",
                width:300,
                height:200,
                html:'<h1>Hello,easyjf open source</h1>'
            });
            win.show();

            //创建面板
            var panel = new Ext.Panel({
                renderTo:"hello",//放到哪里    放到 div的id hello
                title:"hello",
                width:300,
                height:200,
                html:'Hello,easyjf open source'
            });
            //panel.render("hello"); 放到 div的id hello  可以用属性 renderTo来制定

            //创建多页选项卡页面
            new Ext.TabPanel({
                renderTo:"word",
                width:300,
                height:200,
                activeTab:0,//默认选中的选项卡页面
                items:[
                    {
                        title:"面板1",
                        html:"11111",
                        height:30
                    },{
                        title:"面板2",
                        html:"22222",
                        height:30
                    },{
                        title:"面板3",
                        html:"3333" ,
                        height:30
                    }
                ]
            });

            //创建按钮
            new Ext.Button({
                renderTo:"word",
                text:"添加",
                pressed:true,
                height:30,
                handler:Ext.emptyFn()
            });

            //为按钮添加事件
            //Ext.get("btnAlert").addListener("click",a);
            //Ext.get("btnAlert").on("click",a);
            Ext.get("btnAlert").on("click",a,this,{delay:1000}); //事件延迟处理

            //beforedestroy 事件 如果事 件响应函数返回 false,则会取消组件的销毁操作
            var win = new Ext.Window({title:"不能关闭的窗口",height:200,width:300});
            win.on("beforedestroy",function(obj){
                alert("想关闭我,这是不可能的!");
                obj.show();
                return false;
            });
            win.show();
 

© 著作权归作者所有

东湖畔新家
粉丝 1
博文 170
码字总数 31582
作品 0
杭州
后端工程师
私信 提问
Ext.Error: Unable to parse the JSON returned by the server: You're trying to decode an invalid JSON String

Firefox给出的错误 Ext.Error: Unable to parse the JSON returned by the server: You're trying to decode an invalid JSON String: articlelist.jsp {"results":"100","rows":[{"id":"1"......

anonymous_007
2014/05/28
2.2K
2
Ext JS 6.0.0 正式版本发布,跨浏览器的 RIA 框架

Ext JS 6.0.0 正式版本发布,此版本包括大量的新特性以及错误修复: 新特性: Accessibility (3) EXTJS-12098 Containers should track their children’s focus EXTJS-13606 Floating mixi...

chpinck
2015/07/06
8.6K
49
Extjs甘特图性能优化解决方案

Extjs甘特图的大数据量和性能优化 Extjs甘特图所能支持的数据量,以及界面的渲染和操作性能,是衡量一个甘特图组件是否符合项目需要的重要指标。 为了支持超过万级超大数据量的甘特图,Extjs...

芳草凄凄
2012/03/15
0
0
Extjs甘特图开发指南之高级应用

Extjs甘特图的大数据量和性能优化 Extjs甘特图所能支持的数据量,以及界面的渲染和操作性能,是衡量一个甘特图组件是否符合项目需要的重要指标。 为了支持超过万级超大数据量的甘特图,Extjs...

fanganw
2012/02/29
0
0
ExtJs自学教程(1):一切从API开始

该系列文章不侧重全方位的去介绍ExtJs的使用,只是侧重于解决ExtJs问题的思考方法。写的人不用长篇大论,学的人则能够自立更生。l 学习的人只要有一些CSS的javascript的基础知识并且对于英文...

77970290
2013/05/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Feign Retryer的默认重试策略测试

1、Feign配置 @Configurationpublic class FeignConfig { @Value("${coupon_service.url:http://localhost:8081}") private String couponServiceUrl; @Bean publ......

moon888
5分钟前
0
0
关于不同域名下的session共享问题

如果登录,首页,分类,列表,产品都在不同的二级域名下,主域名不变,一定要保证里面的版本问题,不能为了更新而更新,这样哪个下面的session都访问不了。

dragon_tech
7分钟前
0
0
iOS 中文拼音互转(好东西记录一下)

PinYin4Objc

_____1____
14分钟前
0
0
fabric private data实战

Hyperledger Fabric private data是1.2版本引入的新特性,fabric private data是利用旁支数据库(SideDB)来保存若干个通道成员之间的私有数据,从而在通道之上又提供了一层更灵活的数据保护...

汇智网教程
15分钟前
0
0
es之聚合查询汇总

记录一下最近用到的es聚合查询,感觉常见的应该多遇上了,下午抽空更新

我真是小菜鸡
15分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部