聽 <html>聽聽聽
聽聽聽 <head>聽聽聽
聽聽聽聽聽聽聽 <meta http-equiv="Content-Type" content="text/html; charset=gbk">聽聽聽
聽聽聽聽聽聽聽 <title>03.grid</title>聽聽聽
聽聽聽聽聽聽聽 <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" target="_blank" rel="external nofollow" />聽聽聽
聽聽聽聽聽聽聽 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>聽聽聽
聽聽聽聽聽聽聽 <script type="text/javascript" src="../../ext-all.js"></script>聽聽聽
聽聽聽聽聽聽聽 <script type="text/javascript">聽聽聽
Ext.onReady(function(){聽聽聽
Ext.QuickTips.init();聽聽聽
聽聽聽 var cm = new Ext.grid.ColumnModel([聽聽聽
聽聽聽聽聽聽聽 {header:'缂栧彿',dataIndex:'id',width:35},聽聽聽
聽聽聽聽聽聽聽 {header:'鍚嶇О',dataIndex:'name',width:50},聽聽聽
聽聽聽聽聽聽聽 {id:'descn',header:'鎻忚堪',dataIndex:'descn',width:200,renderer:function(value){聽聽聽
聽聽聽聽聽聽聽聽聽聽聽 return "<div ext:qtip='<img src=/""+value+"/" width=100 hight=100/>'>"+value+"</div>";聽聽聽
聽聽聽聽聽聽聽 }}聽聽聽
聽聽聽 ]);聽聽聽
聽聽
聽聽聽 var data = [聽聽聽
聽聽聽聽聽聽聽 ['1','name1','14-01.png'],聽聽聽
聽聽聽聽聽聽聽 ['2','name2','14-01.png'],聽聽聽
聽聽聽聽聽聽聽 ['3','name3','14-01.png'],聽聽聽
聽聽聽聽聽聽聽 ['4','name4','14-01.png'],聽聽聽
聽聽聽聽聽聽聽 ['5','name5','14-01.png']聽聽聽
聽聽聽 ];聽聽聽
聽聽
聽聽聽 var store = new Ext.data.Store({聽聽聽
聽聽聽聽聽聽聽 proxy: new Ext.data.MemoryProxy(data),聽聽聽
聽聽聽聽聽聽聽 reader: new Ext.data.ArrayReader({}, [聽聽聽
聽聽聽聽聽聽聽聽聽聽聽 {name: 'id'},聽聽聽
聽聽聽聽聽聽聽聽聽聽聽 {name: 'name'},聽聽聽
聽聽聽聽聽聽聽聽聽聽聽 {name: 'descn'}聽聽聽
聽聽聽聽聽聽聽 ])聽聽聽
聽聽聽 });聽聽聽
聽聽聽 store.load();聽聽聽
聽聽
聽聽聽 var grid = new Ext.grid.GridPanel({聽聽聽
聽聽聽聽聽聽聽 autoHeight: true,聽聽聽
聽聽聽聽聽聽聽 renderTo: 'grid',聽聽聽
聽聽聽聽聽聽聽 store: store,聽聽聽
聽聽聽聽聽聽聽 cm: cm聽聽聽
聽聽聽 });聽聽聽
聽聽
});聽聽聽
鏈枃鏉ヨ嚜CSDN鍗氬锛岃浆杞借鏍囨槑鍑哄锛歨ttp://blog.csdn.net/zhaoqiliang527/archive/2010/09/15/5887048.aspx
![一个小小的移动web版音乐播放器[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)