初学JavaScript_03(ExtJs Grid的简单使用)
更新时间：2008年10月02日 00:49:41 作者：
Ext JS Grid的简单使用:(从土豆的文档中学到)
<html>
<head>
<title>Ext中的Grid例子</title>
<link rel="stylesheet" type="text/css"
href="../AllRes/resources/css/ext-all.css"/>
<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>
<head>
<title>Ext中的Grid例子</title>
<link rel="stylesheet" type="text/css"
href="../AllRes/resources/css/ext-all.css"/>
<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>
相关文章
如何遍历对象的属性?...2006-09-09
在使用操作XML文件时,我们可以使用Load方法直接加载xml文件即可，在ie和ff下通用。2008-06-06
这篇文章主要为大家详细介绍了微信小程序实现类似微信点击语音播放效果，不会互相干扰播放状态，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
javascript中不提供sleep功能，而我们时长会用到这个功能，下面与大家分享个不错的解决方法，而且在不同的机器上的执行速度是一致的2014-05-05
这篇文章主要给大家介绍了关于Javascript实现跨域后台设置拦截的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。2017-08-08
Slip.js能做什么？Slip.js可以让你的手机网站像原生手机软件一样惯性滚动，手触图片轮换等等，对Slip.js感兴趣的小伙伴们可以参考一下2015-11-11
给所有的超级练级都加上onmousemove时间的js代码...2007-08-08
这篇文章主要介绍了按钮接受回车事件的三种实现方法,需要的朋友可以参考下2014-06-06
在实际的项目开发中，我们经常需要三级联动，比如省市区的选择，商品的三级分类的选择等等。这篇文章主要介绍了JS封装的三级联动菜单(使用时只需要一行js代码)的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了微信小程序左右滑动的实现代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-12-12
最新评论