初学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 相关文章推荐
Dom 结点创建 基础知识
Oct 01 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
详解JS函数重载
Dec 04 Javascript
jquery处理页面弹出层查询数据等待操作实例
Mar 25 Javascript
JS实现随机乱撞彩色圆球特效的方法
May 05 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
Sep 06 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
浅谈在js传递参数中含加号(+)的处理方式
Oct 11 Javascript
滚动条的监听与内容随着滚动条动态加载的实现
Feb 08 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
js实现烟花特效
Mar 02 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 文件上传模型,支持多文件上传
2009/08/13 PHP
PHP SEO优化之URL优化方法
2011/04/21 PHP
php中模拟POST传递数据的两种方法分享
2011/09/16 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
python3的pip路径在哪
2020/06/23 Python
Python 没有main函数的原因
2020/07/10 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
报到证丢失证明
2014/01/11 职场文书
幼儿园数学教学反思
2014/02/02 职场文书
欧也妮葛朗台读书笔记
2015/06/30 职场文书
2015年幼儿园师德师风建设工作总结
2015/10/23 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
Go获取两个时区的时间差
2022/04/20 Golang
React更新渲染原理深入分析
2022/12/24 Javascript