`

Ext读取数组数据

阅读更多
 来个类 包含Array数据

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 1/**//*新建Grid类*/
 2
 3var 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
35
36
37GridTest = function(config){
38    
39    /**//*定义一个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    
48    /**//*定义一个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    
59    /**//*定义一个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    
71    this.ds.loadData(myData);
72    
73    Ext.applyIf(config,{
74        height:1000,
75        width:600        
76    }
);
77    
78    alert(myData);
79    GridTest.superclass.constructor.call(this,config);
80}

81
82Ext.extend(GridTest,Ext.grid.GridPanel,{});
83
84
85Ext.onReady(function(){
86    var gridTest = new GridTest();
87    gridTest.render('grid_main');
88}
);


渲染页面
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> 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    <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css">
 7    <script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
 8    <script type="text/javascript" src="../extjs/ext-all.js"></script>
 9    <script type="text/javascript" src="../grid/GridTest.js"></script>
10  </head>  
11  <body> 
12    <div id="grid_main"></div>
13  </body>
14</html>


分享到:
评论

相关推荐

    如何将音频,视频文件转换为二进制格式并存储在数组中

    您可以读取任何文件并将其存储在字节数组中,如下所示:byte [] bytes = File.ReadAllBytes(“ filename.ext”);

    mhdrload.m:从整个文件中包含多个文本标题的 ASCII 文件加载数据。-matlab开发

    % [header, data] = MHDRLOAD('filename.ext') 读取数据文件% 称为“filename.ext”,其中包含一个文本标题。 那里% 不是默认扩展名; 任何扩展都必须明确% 提供。 % % 第一个输出,HEADER,是头信息,返回% 作为...

    node-md-meta-cataloger:用于解析Markdown文件(包括YAML Front Matter元数据)的模块和CLI

    轻松生成markdown文件及其内联元数据的JSON数组。 安装 npm install --save node-md-meta-cataloger 如何使用 CLI工具 node-md-meta-cataloger -i &lt;dir&gt; -o node-md-meta-cataloger -i /path/to/folder -o /...

    jquery-1.1.3 效率提高800%

    Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% &lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比: Browser Prototype jQuery Mootools Ext Dojo ...

    egret_album_tool:调用用户手机相册,实现照片的预览和上传

    打开项目的egretProperties.json文件,在"modules"数组中增加:{"name": "uploader","path": "ext/uploader"} 如果引用不到,请检查路径设置是否正确 ###第二步:调用### //调用相册,选择一张图片 selectImage(this...

    powerbuilder

    PrintDefineFont() 功能定义打印作业使用的字体,对每个打印作业PowerBuilder支持八种字体。 语法PrintDefineFont(printjobnumber,fontnumber,facename,height,weight,fontpitch,fontfamily, italic,underline) ...

    Ubuntu权威指南(2/2)

    7.5.1 读取命令行 191 7.5.2 命令历史替换 191 7.5.3 别名替换 192 7.5.4 花括号扩展 192 7.5.5 波浪号替换 192 7.5.6 I/O重定向 193 7.5.7 变量替换 194 7.5.8 算术运算结果替换 195 7.5.9 命令替换 195 7.5.10 ...

    Ubuntu权威指南(1/2)

    7.5.1 读取命令行 191 7.5.2 命令历史替换 191 7.5.3 别名替换 192 7.5.4 花括号扩展 192 7.5.5 波浪号替换 192 7.5.6 I/O重定向 193 7.5.7 变量替换 194 7.5.8 算术运算结果替换 195 7.5.9 命令替换 195 7.5.10 ...

    linux内核 0.11版本源码 带中文注释

    #define EXT_MEM_K (*(unsigned short *)0x90002) // 1M 以后的扩展内存大小(KB)。 #define DRIVE_INFO (*(struct drive_info *)0x90080) // 硬盘参数表基址。 #define ORIG_ROOT_DEV (*(unsigned short *)0x901FC...

Global site tag (gtag.js) - Google Analytics