ext 3.x 使用详解.pdfVIP

EXT 3.x 使用详解之Ext.Window 这个是最基础的ext使用了，首先先确定要引入source里面哪些内容： link rel stylesheet type text/css href ${ctxPath }/styles/ext-all.css / script type text/javascript src ${ctxPath }/scripts/jquery.js/script script type text/javascript src ${ctxPath }/scripts/ext/ext-base.js/script script type text/javascript src ${ctxPath }/scripts/ext/ext-all.js/script OK 还有呢？当然是图片了，继续引入ext的图片：ext-3.1.1\resources\images 里的东西放到${ctxPath }/images路 径即可，以后的详解这些都不介绍了，直接写源代码了哟... 好吧，上jsp代码: !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd %@ page pageEncoding UTF-8% html body script Ext.onReady(function(){ var win new Ext.Window({ draggable : false, // 是否允许拖拽，默认为 true 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(一) 很强大的grid总算登场啦，先来热热身，看下最简单的应用，详细就看注释吧，写的很全面 - ： !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd %@ page pageEncoding UTF-8% html body script type text/javascript //页面加载完前执行 Ext.onReady(function() { //根据元素id获得页面元素 var page Ext.get(Page); //定义json类型对象 var myData [ [Apple,29.89,0.24,0.81,9/1 12:00am], [Ext,83.81,0.28,0.34,9/12 12:00am], [Google,71.7