extjs入门案例大全.docxVIP

Ext.onReady( function (){ var cm = new Ext.grid.ColumnModel([ {header: 编号 ,dataIndex: id }, {header: 名称 ,dataIndex: name }, {header: 描述 ,dataIndex: descn } ]) var data = [ 1 , name1 , descn1 2 , name2 , descn2 3 , name3 , descn3 4 , name4 , descn4 5 , name5 , descn5 ], ], ], ], ] ]。 var ds = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({},[ {name: id }, {name: name }, {name: descn } ]) }) ds.load() var grid = new Ext.grid.GridPanel({ ds:ds, cm:cm, width:300, height:400, renderTo: grids , tbar:[ { xtype: datefield } ] }) 。 grid.render() 。 }) 。 Ext.onReady( function (){ new Ext.Panel({renderTo: hello ,title: 第一个 ,width:300,height:300,html: h1Hello World/h1 }) }) 。 TabControl Ext.onReady( function (){ new Ext.TabPanel({renderTo: hello ,width:300,height:200,items:[ new Ext.Panel({title: 面板 1 ,height:30}), new Ext.Panel({title: 面板 2 ,height:30}), new Ext.Panel({title: 面板 3 ,height:30})]}) 。 }) 总结: Ext.onReady( function (){ new Ext.Panel({ renderTo: hello , title: 面板 , html: a 面板内容 /a height:100, width:200 }) 。 }) 。 创建按钮事件 : new Ext.Button({ renderTo: hello , text: 添加 , pressed: true , height:30, handler:Ext.emptyFn }) 。 new Ext.Viewport({ layout: border , items:[{region: north titie: 面板“， html:面板内容” height:300, width:500 }, {regi on: ce nter xtype: grid , titie: 学生信息管理 autoExpa ndColum n:3 } ] }) TOC \o 1-5 \h \z fun cti on a(){ alert( some thi ng ) } win dow. onl oad= fun cti on (){ btnAlert ).on click = adocume nt.getEleme ntByld( btnAlert ).on click = a script type =text/javascript fun cti on a(){ alert( some thing )0 } Ext.o nReady( fun cti on (){ Ext.get( btnAlert ).o n( click ,a) 0 Ext.get( btnAlert ).addListe ner( click ,a) 0 })。 / script fun cti on a(){ alert( some thing )0 } Ext.o nReady( fun cti on (){ Ext.get( btnAlert ).o n( click }) ,a, this ,{delay:20000})  // 用 extjs 增加事件监听器 var win = new Ext.Window({ title: 不能关闭的窗口 height:200,width:300, (obj){listeners:{ beforedestroy : function alert( 想关闭