extjs初探1
2008-07-18 01:32
176 查看
extjs vs flex,两大阵营,不会FLASH,因为看看exts,效果COOL,但听说占资源大.看了下常用的一些操作笔记之
1 把下载来的库放好,程序中指定好JS就行
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
2 按钮的COOL效果
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(
function(){
Ext.get("btnAlert").on("click",function(){
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text)
{ if(button=="yes"){
//执行删除操作
alert("成功删除");
} }); }); });
</script> </head> <body>
<input id="btnAlert" type="button" value="btn" />
</body> </html>
其实就是一点按钮,弹出COOL的对话框而已,击发起按钮的事件,按着手册容易看明白
1 把下载来的库放好,程序中指定好JS就行
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
2 按钮的COOL效果
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
Ext.onReady(
function(){
Ext.get("btnAlert").on("click",function(){
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text)
{ if(button=="yes"){
//执行删除操作
alert("成功删除");
} }); }); });
</script> </head> <body>
<input id="btnAlert" type="button" value="btn" />
</body> </html>
其实就是一点按钮,弹出COOL的对话框而已,击发起按钮的事件,按着手册容易看明白
相关文章推荐
- 初探ExtJS(2)
- ExtJS初探:在项目中使用ExtJS
- ExtJs懒人笔记(1) ExtJs初探
- extjs初探1
- extjs初探1
- ExtJS初探:了解 Ext Core
- 利用ExtJS构建客户端三层初探
- 初探ExtJS(1)
- ExtJS初探:在项目中使用ExtJS
- 初探ExtJs一张图中最多可以显示多少个点
- 初探ExtJS(2)
- extjs初探之由浅入深目录
- Extjs面板和布局初探
- 利用ExtJS构建客户端三层初探
- extjs初探
- ExtJS初探:在项目中使用ExtJS
- ExtJS初探:在项目中使用ExtJS
- 利用ExtJS构建客户端三层初探
- jsp+Extjs实现动态显示文件上传进度
- extjs 一个可以把数据建成树形的方法