初学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创建并行对象或者合并对象的实现代码
Oct 10 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
php中给js数组赋值方法
Mar 10 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
Jan 15 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
你了解vue3.0响应式数据怎么实现吗
Jun 07 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
Aug 18 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得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
PHP数组访问常用方法解析
2020/09/05 PHP
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
2015/12/08 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
vue 清空input标签 中file的值操作
2020/07/21 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python中类的一些方法分析
2014/09/25 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python的条件语句与运算符优先级详解
2015/10/13 Python
Python中使用支持向量机(SVM)算法
2017/12/26 Python
python实现简单的文字识别
2018/11/27 Python
python中count函数简单的实例讲解
2020/02/06 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
网络教育自我鉴定
2013/11/01 职场文书
会计与审计专业自荐信范文
2014/03/15 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
七一讲话心得体会
2014/09/05 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
浅谈python中的多态
2021/06/15 Python
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python
canvas 中如何实现物体的框选
2022/08/05 Javascript