初学JavaScript_03(ExtJs Grid的简单使用)-丞旭猿

<html>
<head>
<title>Ext中的Grid例子</title>
<link rel=”stylesheet” type=”text/css”
href=”https://www.home1024.com/AllRes/resources/css/ext-all.css”/>
<script type=”text/javascript” src=”https://www.home1024.com/AllRes/adapter/ext/ext-
base.js”></script>
<script type=”text/javascript” src=”https://www.home1024.com/AllRes/ext-all.js”></script>
<script>
//ID排序
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([
{header:’编号’,dataIndex:’id’,sortable:true},
{header:’名称’,dataIndex:’name’},
{header:’描述’,dataIndex:’descn’}
]) ;
var data = [
[‘1′,’name1′,’descn1’],
[‘2′,’name2′,’descn2’],
[‘3′,’name3′,’descn3’],
[‘4′,’name4′,’descn4’],
[‘5′,’name3′,’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({
el:’grid’,
ds: ds,
cm: cm
}) ;
grid.render() ;
}) ;
</script>
</head>
<body>
<div id=”grid”></div>
</body>
</html>

以上就是【初学JavaScript_03(ExtJs Grid的简单使用)】的全部内容了,欢迎留言评论进行交流!