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


答案：<html> 
<head> 
<title>Ext中的Grid例子</title> 
<link rel="stylesheet" type="text/css" 
href=><script type="text/javascript" src="../AllRes/adapter/ext/ext- 
base.js"></script> 
<script type="text/javascript" src="../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>

上一个：JS版网站风格切换实例代码
下一个：javascript显示隐藏层比较不错的方法分析

更多图片编程知识: