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的对话框而已,击发起按钮的事件,按着手册容易看明白