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


Posted in Javascript onOctober 02, 2008

<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>

Javascript 相关文章推荐
Javascript调用XML制作连动下拉列表框
Jun 25 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
js实现右键自定义菜单
Dec 03 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
Vue.js实现一个todo-list的上移下移删除功能
Jun 26 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
基于canvas实现手写签名(vue)
May 21 Javascript
JS如何生成动态列表
Sep 22 Javascript
JavaScript下申明对象的几种方法小结
Oct 02 #Javascript
初学JavaScript第二章
Sep 30 #Javascript
select组合框option的捕捉实例代码
Sep 30 #Javascript
javascript优先加载笔记代码
Sep 30 #Javascript
javascript显示隐藏层比较不错的方法分析
Sep 30 #Javascript
javascript不同页面传值的改进版
Sep 30 #Javascript
简明json介绍
Sep 28 #Javascript
You might like
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
javascript document.execCommand() 常用解析
2009/12/14 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
2017/05/08 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
python列表的常用操作方法小结
2016/05/21 Python
python 缺失值处理的方法(Imputation)
2019/07/02 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
python代码xml转txt实例
2020/03/10 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
聊聊python中的循环遍历
2020/09/07 Python
Python中Selenium模块的使用详解
2020/10/09 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
最新茶叶店创业计划书
2014/01/14 职场文书
社团招新策划书
2014/02/04 职场文书
社区文化建设方案
2014/05/02 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
纪律委员竞选稿
2015/11/19 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书