Ext读取数组数据

dxs376263348

浏览: 85214 次
性别:
来自: 福建

最近访客更多访客>>

xukung

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

[随笔分类][03]EXT

EXT JavaScript CSS JSP Microsoft

来个类包含Array数据

1

/*新建Grid类*/
2

var myData = [
4

['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
5

['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
6

['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
7

['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
8

['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
9

['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
10

['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
11

['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
12

['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
13

['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
14

['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
15

['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
16

['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
17

['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
18

['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
19

['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
20

['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
21

['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
22

['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
23

['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
24

['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
25

['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
26

['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
27

['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
28

['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
29

['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
30

['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
31

['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
32

['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
33

];
34

GridTest = function(config){
38

/*定义一个ColumnModel*/
40

this.cm = new Ext.grid.ColumnModel([
41

{header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
42

{header: 'Price', width: 75, sortable: true,dataIndex: 'price'},
43

{header: 'Change', width: 75, sortable: true,dataIndex: 'change'},
44

{header: '% Change', width: 75, sortable: true, dataIndex: 'pctChange'},
45

{header: 'Last Updated', width: 85, sortable: true,dataIndex: 'lastChange'}
46

]);
47

/*定义一个Reader*/
49

// this.sampleReader = new Ext.data.ArrayReader({
50

// root:myData
51

// }, [
52

// {name: 'company'},
53

// {name: 'price', type: 'float'},
54

// {name: 'change', type: 'float'},
55

// {name: 'pctChange', type: 'float'},
56

// {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
57

// ]);
58

/*定义一个Store*/
60

this.ds = new Ext.data.ArrayStore({
61

// reader:this.sampleReader
62

fields: [
63

{name: 'company'},
64

{name: 'price'},
65

{name: 'change'},
66

{name: 'pctChange'},
67

{name: 'lastChange'}
68

]
69

});
70

this.ds.loadData(myData);
72

Ext.applyIf(config,{
74

height:1000,
75

width:600
76

});
77

alert(myData);
79

GridTest.superclass.constructor.call(this,config);
80

}
81

Ext.extend(GridTest,Ext.grid.GridPanel,{});
83

Ext.onReady(function(){
86

var gridTest = new GridTest();
87

gridTest.render('grid_main');
88

});

渲染页面

1

<%@ page language="java" pageEncoding="UTF-8"%>
2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
3

<html>
4

<head>
5

<title>My JSP 'MyJsp.jsp' starting page</title>
6

</head>
11

<body>
12

<div id="grid_main"></div>
13

</body>
14

</html>

分享到：

ExtJs 类的设计 | EXT读取XML数据

2009-09-09 10:14
浏览 1394
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论