初学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 相关文章推荐
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
JavaScript判断文件上传类型的方法
Sep 02 Javascript
JavaScript中提前声明变量或函数例子
Nov 12 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
通过点击jqgrid表格弹出需要的表格数据
Dec 02 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
基于JavaScript实现跳转提示页面
Sep 24 Javascript
JS正则替换去空格的方法
Mar 24 Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 Javascript
vue+iview+less 实现换肤功能
Aug 17 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实现的树形结构数据存取类实例
2014/11/29 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
php解决安全问题的方法实例
2019/09/19 PHP
javascript使用activex控件的代码
2011/01/27 Javascript
JavaScript 判断日期格式是否正确的实现代码
2011/07/04 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
Vue2.0系列之过滤器的使用
2018/03/01 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
vue 实现cli3.0中使用proxy进行代理转发
2019/10/30 Javascript
js实现双色球效果
2020/08/02 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
Python正则表达式学习小例子
2020/03/03 Python
python实现经典排序算法的示例代码
2021/02/07 Python
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
什么是Smart Navigation?
2016/07/03 面试题
初一新生军训方案
2014/05/22 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书