首頁 > web前端 > js教程 > 初学JavaScript_03(ExtJs Grid的简单使用)_javascript技巧

初学JavaScript_03(ExtJs Grid的简单使用)_javascript技巧

WBOY
發布: 2016-05-16 19:00:07
原創
1048 人瀏覽過


Ext中的Grid例子
href="../AllRes/resources/css/ext-all.css"/>


<script> <BR>//ID排序 <BR>Ext.onReady(function(){ <BR>var cm = new Ext.grid.ColumnModel([ <BR>{header:'编号',dataIndex:'id',sortable:true}, <BR>{header:'名称',dataIndex:'name'}, <BR>{header:'描述',dataIndex:'descn'} <BR>]) ; <BR>var data = [ <BR>['1','name1','descn1'], <BR>['2','name2','descn2'], <BR>['3','name3','descn3'], <BR>['4','name4','descn4'], <BR>['5','name3','descn5'] <BR>] ; <BR>var ds = new Ext.data.Store({ <BR>proxy:new Ext.data.MemoryProxy(data), <BR>reader:new Ext.data.ArrayReader({},[ <BR>{name: 'id'}, <BR>{name: 'name'}, <BR>{name: 'descn'} <BR>]) <BR>}) ; <BR>ds.load() ; <br><br>var grid = new Ext.grid.GridPanel({ <BR>el:'grid', <BR>ds: ds, <BR>cm: cm <BR>}) ; <BR>grid.render() ; <BR>}) ; <BR></script>




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板