Add Array grid report into Layout/tab ExtJS?

Question

How to add Array grid report into Layout/tab ExtJS?
Array grid examples are from >
http://apex.oracle.com/pls/apex/f?p=43040:4:467728553403435
js>
Ext.onReady(function(){
4
5var munkyData = [
6
7["7369","SMITH","CLERK","7902","17-DEC-80","800"," ","20"]
8,["7499","ALLEN","SALESMAN","7698","20-FEB-81","1600","300","30"]
9
10,["7521","WARD","SALESMAN","7698","22-FEB-81","1250","500","30"]
11
12,["7566","JONES","MANAGER","7839","02-APR-81","2975"," ","20"]
13
14,["7654","MARTIN","SALESMAN","7698","28-SEP-81","1250","1400","30"]
15
16,["7698","BLAKE","MANAGER","7839","01-MAY-81","2850"," ","30"]
17
18,["7782","CLARK","MANAGER","7839","09-JUN-81","2450"," ","10"]
19
20,["7788","SCOTT","ANALYST","7566","09-DEC-82","3000"," ","20"]
21
22,["7839","KING","PRESIDENT"," ","17-NOV-81","5000"," ","10"]
23
24,["7844","TURNER","SALESMAN","7698","08-SEP-81","1500","0","30"]
25
26,["7876","ADAMS","CLERK","7788","12-JAN-83","1100"," ","20"]
27
28,["7900","JAMES","CLERK","7698","03-DEC-81","950"," ","30"]
29
30,["7902","FORD","ANALYST","7566","03-DEC-81","3000"," ","20"]
31
32,["7934","MILLER","CLERK","7782","23-JAN-82","1300"," ","10"]
33
34];
35
36var store = new Ext.data.SimpleStore({
37 el: store,
38 fields: [
39 {name: 'empno', mapping: '0'},
40 {name: 'ename', mapping: '1'},
41 {name: 'job', mapping: '2'},
42 {name: 'mgr', mapping: '3'},
43 {name: 'hiredate', mapping: '4'},
44 {name: 'sal', mapping: '5'},
45 {name: 'comm', mapping: '6'},
46 {name: 'deptno', mapping: '7'}
47 ]
48 });
49
50store.loadData(munkyData);
51
52var grid = new Ext.grid.GridPanel({
53 el: grid,
54 store: store,
55 columns: [
56 {id:'empno',header: "Employee",sortable:true, width:100,dataIndex:'empno'},
57 {header: "Name", sortable:true,width:75, dataIndex:'ename'},
58 {header: "Job", sortable:true, dataIndex:'job'},
59 {header: "Manager", sortable:true,width:75, dataIndex:'mgr'},
60 {header: "Hire Date", sortable:true,dataIndex:'hiredate'},
61 {header: "Salary", sortable:true,width:50,dataIndex:'sal'},
62 {header: "Commission", sortable:true,dataIndex:'comm'},
63 {header: "Department", dataIndex:'deptno'}
64 ],
65 stripeRows: true,
66 width:700,
67 autoHeight:true,
68 title:'Array Grid'
69 , renderTo: 'munkyDiv'
70 });
71});
any references?
regards
Gordan

Answer 1

Hi Mark,
thanks for reply, I was making example on
http://apex.oracle.com/pls/otn/f?p=43048:22:2659745156195172
using debug grid layout and put into REGION_05
...< div id = "munkyDiv" > #REGION_POSITION_O5# < / div>
in this way I can add 1,2,3 or more reports as tab and grid.
Simple example as first step is basic layout (integration ExtJS and Apex)>
http://apex.oracle.com/pls/otn/f?p=43048:15
username/pass EXTJS/EXTJS
regards
Gordan
Edited by: useruseruser on Aug 8, 2010 2:51 PM
Edited by: useruseruser on Aug 8, 2010 2:52 PM