EXT 3.x 使用详解之Ext.Window

jsczxy2

浏览: 1275360 次
性别:
来自: 常州

最近访客更多访客>>

error0702

sagadan

gaofeng393

yaonai2003

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

EXT JavaScript jQuery CSS HTML

这个是最基础的ext使用了，首先先确定要引入source里面哪些内容：

OK 还有呢？当然是图片了，继续引入ext的图片：ext-3.1.1\resources\images 里的东西放到

${ctxPath }/images路径即可，以后的详解这些都不介绍了，直接写源代码了哟...

好吧，上jsp代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page pageEncoding="UTF-8"%>
<<html>
<body>
  <script>
Ext.onReady(function(){
	var win = new Ext.Window({
		draggable : false,
		modal : true,
		title : "Ext.Window",
		resizable : false,
		width : 350,
		height : 300,
		html : "Hi, my name is Ext.Window!",
		buttonAlign : "center",
		buttons : [{text:"setTitle",handler:changeTitle},{text:"close",handler:closeTitle}]
	});			
			
	function changeTitle(){
		win.setTitle('标题被改变了！');
	}
	
	function closeTitle(){
		win.close();
	}
			
	win.on({show : function(win){
		   win.setTitle('win显示的时候改变了Title');
	          }		
	});
			
	win.show();
});
    </script>
</body>
</html>

把这段贴进去，就可以看到效果了，恩，效果还是很漂亮的，不是么？

分享到：

EXT 3.x 使用详解之Ext.grid.GridPanel(一 ... | 开始研究ext,使用心得

2010-04-01 17:06
浏览 2712
评论(2)
分类:Web前端
查看更多

2 楼 jsczxy2 2012-08-12

234369425 写道

擦。。。。。。
大哥、贴点有用的行不

请根据我的ext分类可以看到更深入的EXT应用

1 楼 234369425 2012-08-09

擦。。。。。。
大哥、贴点有用的行不

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

EXT 3.x 使用详解之Ext.Window

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

EXT 3.x 使用详解之Ext.Window

评论

发表评论

相关推荐

Ext中文官网

[转]EXT设计器破解2.X版本

EXT 3.x 使用详解之Ext.Direct(二)---polling,简单实现网页聊天功能

EXT 3.x 使用详解之Ext.Direct(一)

引用一下：EXT调试功能

EXT 3.x 使用详解之Ext.History浏览器前进后退功能(二)--整合grid分页

EXT 3.x 使用详解之Ext.History浏览器前进后退功能(一)

EXT 3.x 使用详解之fileUpload

EXT 3.x 使用详解之Ext.Viewport综合使用(一)

EXT 3.x 使用详解之Ext.grid.GridPanel(三)

EXT 3.x 使用详解之Ext.grid.GridPanel(二)

EXT 3.x 使用详解之Ext.grid.GridPanel(一)

开始研究ext,使用心得

最近访客更多访客>>