初学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资料toString 方法
Mar 13 Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
Aug 01 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
关于json字符串与实体之间的严格验证代码
Nov 10 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
vue打包的时候自动将px转成rem的操作方法
Jun 20 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 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
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
jquery与js函数冲突的两种解决方法
2013/09/09 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
非jQuery实现照片散落桌子上,单击放大的LightBox效果
2014/11/28 Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
2014/12/31 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
解析Vue 2.5的Diff算法
2017/11/28 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
复制粘贴功能的Python程序
2008/04/04 Python
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
python返回昨天日期的方法
2015/05/13 Python
python调用摄像头显示图像的实例
2018/08/03 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
英国比较机场停车场网站:Airport Parking Essentials
2019/12/01 全球购物
房地产开发项目建议书
2014/05/16 职场文书
反对邪教标语
2014/06/30 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
浏览器常用基本操作之python3+selenium4自动化测试(基础篇3)
2021/05/21 Python
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers