初学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 相关文章推荐
两个select之间option的互相添加操作(jquery实现)
Nov 12 Javascript
JavaScript 存在陷阱 删除某一区域所有节点
May 10 Javascript
获取表单控件原始(初始)值的方法
Aug 21 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
js表单提交和submit提交的区别实例分析
Dec 10 Javascript
canvas绘制多边形
Feb 24 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
原生js实现滑块区间组件
Jan 20 Javascript
JavaScript实现队列结构过程
Dec 06 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和ACCESS写聊天室(六)
2006/10/09 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
hadoop常见错误以及处理方法详解
2013/06/19 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
php7 错误处理机制修改实例分析
2020/05/25 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
jquery 简单导航实现代码
2009/09/11 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
JS如何在不同平台实现多语言方式
2020/07/16 Javascript
Python守护进程和脚本单例运行详解
2017/01/06 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
安全生产汇报材料
2014/02/17 职场文书
4s店市场专员岗位职责
2014/04/09 职场文书
部门年终奖分配方案
2014/05/07 职场文书
村庄环境整治方案
2014/05/15 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
大学生预备党员自我评价
2015/03/04 职场文书