初学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 相关文章推荐
使用js操作cookie的一点小收获分享
Sep 03 Javascript
jquery插件开发之实现md5插件
Mar 17 Javascript
Windows 系统下安装和部署Egret的开发环境
Jul 31 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
这样回答继承可能面试官更满意
Dec 10 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简单复制文件的方法
2016/05/09 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
JS 继承实例分析
2008/11/04 Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
微信浏览器禁止页面下拉查看网址实例详解
2017/06/28 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
Vue实现简单分页器
2018/12/29 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
Python程序暂停的正常处理方法
2019/11/07 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
竞选学生会主席演讲稿
2014/04/24 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
加强作风建设心得体会
2014/10/22 职场文书
JavaScript实现优先级队列
2021/12/06 Javascript
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技