Extjs grid or jquery jqGrid
Hi,
Has anyone successfully integrate Oracle Apex with extjs grid or jquery jqGrid? How can I call an onDemand process to return XML or JSON data and use that for those grids?
Thanks.
Andy
Hi Andy
It's easy enough to integrate the extJS grid, you just need to break the problem down into a series of small steps.
To tackle the problem, I'd do the following steps.
1. Copy a extJS grid example, with the grid data embedded in the page.
2. Once step 1 works, move the grid data into a PL/SQL package, and call this via a application process.
3. Once step 2 works, work out how to create the grid data dynamically in your PL/SQL package. Make sure you consider escaping your data if returning JSON.
4. You get the idea...
It's just a case of chipping away at the problem, and learning as you go.
I don't have a grid on my [demo site|http://apex.oracle.com/pls/otn/f?p=200801:1:], but the examples should help with creating an application process, and you can see the JSON data being returned in Firebug.
In case your wondering why I don't have an extJS grid...
If I built a one off solution my users would immediately demand that functionality everywhere, and I'd have to do a whole lot of work to build a complete generic solution.
It's much easier to use the Apex interactive reports for read-only, and AJAX enabled updatable reports with a bit of CSS to get a good looking solution.
Mark
Similar Messages
-
Oracle apex and extjs grid table
hi
im new to extjs and i was wondering if someone can help me with this;
i want to create a report in oracle apex and put the output in extjs grid table
for example i want to view the output of select * from all_objects in grid table
thnx in advanceOkay
To get you started...
Create a new report template with named rows.
In row 1 template put this
["#1#","#2#","#3#","#4#","#5#","#6#","#7#","#8#"]Assuming you have 8 rows say... and make it conditional based on a PL/SQL Expression like this
#ROWNUM# = 1Then row 2 template like this
,["#1#","#2#","#3#","#4#","#5#","#6#","#7#","#8#"]Conditional on
#ROWNUM# > 1Then in before row put this
<script type="text/javascript">
Ext.onReady(function(){
var munkyData = [And after rows something like this (based on the emp table)
var store = new Ext.data.SimpleStore({
fields: [
{name: 'empno', mapping: '0'},
{name: 'ename', mapping: '1'},
{name: 'job', mapping: '2'},
{name: 'mgr', mapping: '3'},
{name: 'hiredate', mapping: '4'},
{name: 'sal', mapping: '5'},
{name: 'comm', mapping: '6'},
{name: 'deptno', mapping: '7'}
store.loadData(munkyData);
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'empno',header: "Employee",sortable:true, width:100,dataIndex:'empno'},
{header: "Name", sortable:true,width:75, dataIndex:'ename'},
{header: "Job", sortable:true, dataIndex:'job'},
{header: "Manager", sortable:true,width:75, dataIndex:'mgr'},
{header: "Hire Date", sortable:true,dataIndex:'hiredate'},
{header: "Salary", sortable:true,width:50,dataIndex:'sal'},
{header: "Commission", sortable:true,dataIndex:'comm'},
{header: "Department", dataIndex:'deptno'}
stripeRows: true,
width:700,
autoHeight:true,
title:'Array Grid',
renderTo: 'munkyDiv'
</script>Then create a region to hold it with a source of
<div id="munkyDiv>
</div>
{code}
This is pretty basic but it should get you going...
Cheers
Ben
http://www.munkyben.wordpress.com
+Don't forget to mark replies helpful or correct+ ;) -
I have been experimenting quite a bit with ExtJS and unfortunately hit a roadblock and thought of getting help from this forum. I followed the directions given in this post Re: oracle apex and extjs grid table and was able to make it work. However the Grid is displaying outside the region where it has been defined as if it is independently rendering in its region of choice.
I could post the screen shot and don't know how to work around the restriction of this message board, not allowing any attachments.
Any help is greatly appreciated.
Environment info: Apex 4.0
Local host,
ExtJS: 4.0.2
Thanks
RajaThe book was written to use Ext JS 3.x, the latest production version at the time.
Some of the examples will work, some will require rework. Sencha have published a migration guide, including a <b>compatibility layer</b> that bootstraps existing Ext JS 3 code to run under Ext JS 4.
The book promotes the idea of not updating your application templates, instead having a template application which allows you to test your components before publishing a new version of the theme to the business application.
If you are just starting out, you could drop in the books theme as version 1 using Ext JS 3.x, get your team working on the application immediately, and have a dedicated resource working on theme version 2 using Ext JS 4.x.
Regards
Mark
demo: http://apex.oracle.com/pls/otn/f?p=200801 |
blog: http://oracleinsights.blogspot.com |
book: Oracle Application Express 4.0 with Ext JS -
hi,
i just start learning how to integrate extjs with oracle apex.
i manage to create a normal extjs grid but got problem when trying to create
a grid with pagination.
lets say ihave 100 rows of data, and i want to show only 10 rows of data per page, so how should i do that?
i know i need to send a request to so that i will get data 1-10 for the first page, and then when i click next,
i will get data 11-20 and so on.
but i dont know how to make it happen. i cannot find any example on the net.
how to know what is the current data set, (is it 1-10 or 11-20) , so that i can pass the correct values for start, to the application
process?
hope someone here can help me.
thanks,
-aku
Edited by: akulala on Sep 5, 2010 6:25 AMHi Aku
As far as I recall, alot of this came from Mark Lancaster so I would advise googling for his blog and having a look there - it may well make a lot more sense than this does.
I normally build my ExtJS script up at page loaed time using a package and print it out using htp.prn. So for the pagination, I would print out something like this...
htp.p('<script>var u = (window.location.href.indexOf("?") > 0) ? window.location.href.substring(0,window.location.href.indexOf("?")) : window.location.href;
var baseURL = u.substring(0,u.lastIndexOf("/"));
var gridURL = baseURL + ''/wwv_flow.show?p_flow_id='' + Ext.getDom(''pFlowId'').value + ''&p_flow_step_id=0&p_instance='' + '||
'Ext.getDom(''pInstance'').value + ''&p_request=APPLICATION_PROCESS%3DejPaginate'';</script>');And then my store would be defined as something like this...
myStore = new Ext.data.Store({
storeId: 'myStore',
proxy: new Ext.data.ScriptTagProxy({
url: gridURL,
nocache: false,
callbackParam: 'p_widget_num_return'
baseParams: {'x01':'&APP_ID.', 'x02':'&APP_PAGE_ID.', 'x03':'xyz'}, //the xyz would be your region
//ID passed into the procedure I gave you in my previous post
remoteSort: true,
paramNames: {
start: 'x04', // The parameter name which specifies the start row
limit: 'x05', // The parameter name which specifies number of rows to return
sort: 'x06', // The parameter name which specifies the column to sort on
dir: 'x07' // The parameter name which specifies the sort direction
reader: myReader
});And my application process (ejPaginate in the above example) would look something like this...
BEGIN
htp.p(wwv_flow.g_widget_num_return||'(');
get_grid_json(p_app_id => wwv_flow.g_x01,
p_app_page_id => wwv_flow.g_x02,
p_region_id => TO_NUMBER(wwv_flow.g_x03),
p_start => NVL(wwv_flow.g_x04,0),
p_limit => NVL(wwv_flow.g_x05,10),
p_sort => wwv_flow.g_x06,
p_dir => wwv_flow.g_x07);
htp.p(')');
END;Hope this helps you along.
Cheers
Ben -
Hi,
I have been trying to implement ExtJS into Apex also but i am getting an error which i couldnt find a way to sort it out....
Can somebody help me?
Here is the error message i got;
The container of an boundary-point of a range is being set to either a node of an invalid type or a node with an ancestor of an invalid type." code: "2
http://localhost:7777/i/javascript/apex_ns_3_1.js
Line 1
I have apex ver 3.2.1. and here is the code i have;
My Report Template is;
Started from scracth;
Row Template1; ["#1#","#2#","#3#","#4#","#5#"] Condition; #ROWNUM# = 1
Row Template2; ,["#1#","#2#","#3#","#4#","#5#"] Condition; #ROWNUM# > 1
Before Rows
<script type="text/javascript">
var myData = [
After Rows;
var store = new Ext.data.SimpleStore({
fields: [
{name: 'seq', mapping: '0', type:'int'},
{name: 'statusseq', mapping: '1', type:'int'},
{name: 'containertypeseq', mapping: '2', type:'int'},
{name: 'containerno', mapping: '3', type:'string'},
{name: 'dataorigin', mapping: '4', type:'string'}
store.loadData(myData);
var v_grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'seq',header: "SEQ",sortable:true,dataIndex:'seq',width:10},
{header: "statusseq",sortable:true,dataIndex:'statusseq',width:10},
{header: "containertypeseq",sortable:true, dataIndex:'containertypeseq',width:20},
{header: "containerno",sortable:true,dataIndex:'containerno',width:20},
{header: "dataorigin", sortable:true,dataIndex:'dataorigin',width:30}
viewConfig:{
forceFit:true
width:700,
height: 560,
title:'Array Grid'
</script>
Region Source;
Select Seq AS "seq",
StatusSEQ as "statusseq",
ContainerTypeSEQ as "containertypeseq",
ContainerNo as "containerno",
DataOrigin as "dataorigin"
From TMS.Container
Region Header;
<p id="title_WINDOW_EXAMPLE" style="display:none:">EXTJS Grid</p>
<div id="contentE1_WINDOW_EXAMPLE">
Region Footer;
</div>
<BR>
<script type="text/javascript">
Ext.onReady(function(){
var v_window = new Ext.Window({
id:'id_WINDOW_EXAMPLE',
contentE1:'contentE1_WINDOW_EXAMPLE',
title:document.getElementById('title_WINDOW_EXAMPLE').textContent,
closable:true,
closeAction:'hide',
resizable:false,
plain:true,
allowDomMove: false,
autoScroll: false,
items: [v_grid]
v_window.show(this);
v_window.setSize({width:900, height:600});
</script>
HTML Header;
<link rel="stylesheet" type="text/css" href="/i/themes/ext1/resources/css/ext-all.css" />
<script type="text/javascript" src="/i/themes/ext1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/i/themes/ext1/ext-all.js"></script>
Thanks,
Osman...Hi Ben,
I have changed it but still not working...
Here is the rendered data;
<div id="contentE1_WINDOW_EXAMPLE"><div id="report_4735417900555762_catch"><script type="text/javascript">
var myData = [
["7864","23","4","INKU6648374","YSSESB"],["7872","23","6","56.912AI5","YSSESB"],["7880","23","6","56.912AJ5","YSSESB"],["7888","23","6","56.912AJ13","YSSESB"],["7896","23","7","ZIMU1107306","YSSESB"],["7904","23","6","56.912AK6","YSSESB"],["7912","23","6","56.912AK14","YSSESB"],["7920","23","7","MSKU4623278","YSSESB"],["7928","23","6","YMLU4900642","YSSESB"],["7936","23","4","UETU5046731","YSSESB"],["7944","23","6","CBHU6303259","YSSESB"],["7952","23","4","CBHU8803320","YSSESB"],["7960","23","7","CRXU3065214","YSSESB"],["7968","23","7","GATU0186070","YSSESB"],["7976","23","7","IPXU3020398","YSSESB"],["7984","23","7","TGHU3381736","YSSESB"],["7992","23","7","CBHU3455279","YSSESB"],["8000","23","7","TTNU3303879","YSSESB"],["8008","23","7","CBHU3702548","YSSESB"],["8016","23","4","CBHU8605561","YSSESB"],["8024","23","7","CAXU6966510","YSSESB"],["8032","23","4","CBHU8202967","YSSESB"],["8040","23","7","CBHU5707810","YSSESB"],["8048","23","6","CBHU1784275","YSSESB"],["8056","23","4","CBHU8021320","YSSESB"],["8064","23","4","FCIU8571691","YSSESB"],["8072","23","7","TGHU0333354","YSSESB"],["8080","23","4","FSCU9061705","YSSESB"],["8088","23","7","CCLU2479189","YSSESB"],["8096","23","7","FCIU3294830","YSSESB"],["8104","23","4","CBHU8862404","YSSESB"],["7312","23","6","KKFU1658740","YSSESB"],["7320","23","6","MOFU0676000","YSSESB"],["8112","23","7","CBHU3619367","YSSESB"],["8120","23","7","CBHU3530475","YSSESB"],["8128","23","7","TRLU3910906","YSSESB"],["8136","23","6","KKFU1806344","YSSESB"],["8144","23","7","DAYU2137027","YSSESB"],["8152","23","6","HDMU4736964","YSSESB"],["8160","23","7","IPXU3274155","YSSESB"],["8168","23","6","CBHU1683433","YSSESB"],["8176","23","4","CBHU8109670","YSSESB"],["8184","23","6","CBHU1645881","YSSESB"],["8192","23","7","CMAU1087714","YSSESB"],["8200","23","4","ECMU9342104","YSSESB"],["8211","23","5","34DC8624","YSSESB"],["8219","23","5","34DC8622","YSSESB"],["8227","23","5","34EC1431","YSSESB"],["8235","23","6","HDMU5942928","YSSESB"],["8243","23","5","34DC8622","YSSESB"],["8251","23","7","GATU4008550","YSSESB"],["8259","23","6","TTNU4577431","YSSESB"],["8267","23","6","FSCU4390415","YSSESB"],["8275","23","7","MSCU6532007","YSSESB"],["8283","23","6","TTNU4577431","YSSESB"],["8291","23","6","OKCU4901760","YSSESB"],["8299","23","7","CBHU3298647","YSSESB"],["8307","23","6","CBHU1689730","YSSESB"],["8315","23","6","TTNU5580661","YSSESB"],["8323","23","6","TTNU5580661","YSSESB"],["8331","23","6","TGHU4682138","YSSESB"],["8339","23","4","CBHU8734872","YSSESB"],["8347","23","7","CBHU5625918","YSSESB"],["8355","23","4","GESU5202673","YSSESB"],["8363","23","7","HJCU8471376","YSSESB"],["8371","23","6","CBHU6328771","YSSESB"],["8379","23","6","YMLU4878723","YSSESB"],["8387","23","6","CLHU4741955","YSSESB"],["8395","23","6","KKFU1807320","YSSESB"],["8403","23","7","KKTU7366273","YSSESB"],["8411","23","6","CBHU6227797","YSSESB"],["8419","23","6","CBHU6227797","YSSESB"],["8427","23","4","CBHU8235024","YSSESB"],["8435","23","6","KKFU1416984","YSSESB"],["8443","23","6","HJCU4946220","YSSESB"],["8854","23","4","TCKU9784476","YSSESB"],["8862","23","7","INBU3688025","YSSESB"],["8870","23","7","TTNU3243804","YSSESB"],["8879","23","5","34TL3182","YSSESB"],["8887","23","5","34BT3378","YSSESB"],["8895","23","6","HJCU4017513","YSSESB"],["8903","23","6","GCNU4032251","YSSESB"],["8911","23","7","CAXU6967347","YSSESB"],["8919","23","7","IPXU3911063","YSSESB"],["8927","23","7","MSKU7313580","YSSESB"],["8935","23","7","ECMU1273157","YSSESB"],["8943","23","7","TTNU3435807","YSSESB"],["8951","23","7","ECMU1401788","YSSESB"],["8959","23","7","TRLU3035950","YSSESB"],["8967","23","13","TCKU2559452","YSSESB"],["8975","23","7","CBHU5654686","YSSESB"],["8983","23","4","CBHU8718233","YSSESB"],["8991","23","7","CAXU6362546","YSSESB"],["8999","23","6","061001ON","YSSESB"],["9007","23","7","MSKU3648179","YSSESB"],["9015","23","7","CBHU5501476","YSSESB"],["9023","23","4","CBHU8807496","YSSESB"],["9031","23","6","KKFU1246717","YSSESB"],["9039","23","6","UXXU4332486","YSSESB"],["9047","23","7","GESU3231348","YSSESB"],["9055","23","4","PCIU9954416","YSSESB"],["9063","22","4","CAXU9185547","YSSESB"],["9071","23","6","GVCU4035213","YSSESB"],["9079","23","6","GVCU4035213","YSSESB"],["9087","23","4","MSKU9137176","YSSESB"],["9095","23","6","MSKU6594501","YSSESB"],["9103","23","4","MSKU9137176","YSSESB"],["9111","23","4","INKU6361018","YSSESB"],["9119","23","34","TCKU2562693","YSSESB"],["9127","23","7","671001AA","YSSESB"],["9135","23","4","HDMU5494166","YSSESB"],["9143","23","4","CCLU6095387","YSSESB"],["9151","23","6","GVDU4010013","YSSESB"],["9159","23","6","CCLU4814028","YSSESB"],["9167","23","6","UESU4220974","YSSESB"],["9175","23","7","CBHU5591211","YSSESB"],["9183","23","7","GESU3165483","YSSESB"],["9191","23","7","GESU3165483","YSSESB"],["9199","23","4","ECMU9088807","YSSESB"],["9207","23","4","MEDU8361609","YSSESB"],["9215","23","4","CCLU7258350","YSSESB"],["9223","23","7","UXXU2413969","YSSESB"],["9231","23","4","MAEU8088802","YSSESB"],["9239","23","7","TRLU9736258","YSSESB"],["9247","23","6","ECMU4617277","YSSESB"],["9255","22","6","GVCU4161633","YSSESB"],["9263","23","7","CBHU3732558","YSSESB"],["9271","23","6","CCLU4195068","YSSESB"],["9279","23","7","XINU1325017","YSSESB"],["9287","23","7","TCKU2000470","YSSESB"],["9295","23","7","GVCU2049516","YSSESB"],["9303","23","7","CAXU3127918","YSSESB"],["9311","23","7","DVRU1638292","YSSESB"],["9319","23","7","TGHU3923884","YSSESB"],["9327","23","6","MRKU0081156","YSSESB"],["9335","23","7","EISU3718476","YSSESB"],["9343","23","7","KKTU7244676","YSSESB"],["9351","23","6","KKFU1172419","YSSESB"],["9359","23","6","UESU4220974","YSSESB"],["9367","23","7","TEXU2469974","YSSESB"],["9375","23","7","KKTU7244676","YSSESB"],["9383","23","4","FSCU9118945","YSSESB"],["9391","23","7","TRLU9736258","YSSESB"],["9399","23","7","FCIU2948957","YSSESB"],["9407","23","4","FCIU8434317","YSSESB"],["9415","23","4","UACU5192198","YSSESB"],["9423","23","7","MSCU6610162","YSSESB"],["9431","23","7","TCLU2196267","YSSESB"],["9439","23","7","IPXU3798147","YSSESB"],["9448","23","7","TTNU1752504","YSSESB"],["9456","22","6","CCLU4326907","YSSESB"],["9464","23","7","CBHU3430590","YSSESB"],["9472","23","4","CLHU8953910","YSSESB"],["9480","23","7","CBHU5619978","YSSESB"],["9488","23","6","TGHU4993572","YSSESB"],["9496","23","7","CBHU3511330","YSSESB"],["9504","23","5","34DC8622","YSSESB"],["9512","23","7","CBHU5864949","YSSESB"],["9520","23","6","CCLU4869329","YSSESB"],["9528","22","6","OOLU7257744","YSSESB"],["9536","23","6","CAIU4051190","YSSESB"],["9544","23","7","KKFU1567743","YSSESB"],["9570","22","6","KKFU1503040","YSSESB"],["9574","23","4","AMFU8736202","YSSESB"],["9578","23","4","ECMU4719392","YSSESB"],["9582","22","7","IPXU3629168","YSSESB"],["9586","23","7","KKTU7231088","YSSESB"],["9590","23","21","661001AK1","YSSESB"],["9594","23","7","SEAU2258148","YSSESB"],["9598","23","7","HDMU2447807","YSSESB"],["9602","23","7","TGHU3981849","YSSESB"],["9606","22","7","HJCU2116440","YSSESB"],["9610","23","7","BMOU2306331","YSSESB"],["9614","23","6","HJCU4415672","YSSESB"],["9618","23","6","861001AC","YSSESB"],["9622","23","7","APLU8872540","YSSESB"],["9626","23","7","GLDU3379497","YSSESB"],["9630","23","4","761001AD","YSSESB"],["9573","22","4","TTNU9636434","YSSESB"],["9581","23","7","IPXU3629168","YSSESB"],["9589","23","21","661001AK","YSSESB"],["9597","23","7","TGHU3820802","YSSESB"],["9605","23","7","HJCU2116440","YSSESB"],["9613","23","6","HJCU4415672","YSSESB"],["9621","23","7","TCNU9943464","YSSESB"],["9629","23","6","CCLU4170049","YSSESB"],["9444","23","7","TTNU1752504","YSSESB"],["9452","23","7","MBIU8248766","YSSESB"],["9460","23","4","CBHU9972216","YSSESB"],["9468","22","6","CBHU6082414","YSSESB"],["9476","23","4","INKU6169540","YSSESB"],["9484","23","7","CBHU5619978","YSSESB"],["9492","22","6","CCLU4245019","YSSESB"],["9500","23","5","34DC8622","YSSESB"],["9508","23","7","CAXU6910573","YSSESB"],["9516","22","6","CBHU6051141","YSSESB"],["9524","23","7","FSCU3415910","YSSESB"],["9532","23","4","CBHU8058649","YSSESB"],["9540","23","6","KKFU1516556","YSSESB"],["9567","23","7","OOLU8597796","YSSESB"],["9577","23","6","MSKU6233026","YSSESB"],["9585","22","7","KKTU7231088","YSSESB"],["9593","23","7","SEAU2258148","YSSESB"],["9601","23","4","TGHU9316450","YSSESB"],["9609","22","6","HJCU4415672","YSSESB"],["9617","23","4","TRLU7103543","YSSESB"],["9625","23","7","CBHU3231113","YSSESB"],["9576","22","7","MSKU3802685","YSSESB"],["9584","23","7","IPXU3629168","YSSESB"],["9592","23","7","PONU2015725","YSSESB"],["9600","23","4","TGHU9316450","YSSESB"],["9608","23","6","HJCU4415672","YSSESB"],["9616","23","4","TRLU7103543","YSSESB"],["9624","23","4","CRXU9822249","YSSESB"],["9632","23","7","MGLU2946017","YSSESB"],["8459","23","4","YMLU8497643","YSSESB"],["8467","23","6","CBHU1982476","YSSESB"],["8475","23","4","GLDU7090970","YSSESB"],["8483","23","4","GATU8693678","YSSESB"],["8491","23","7","PONU0276252","YSSESB"],["8499","23","7","PONU0276252","YSSESB"],["8507","23","7","TCKU9233386","YSSESB"],["8515","23","7","CBHU3337147","YSSESB"],["8523","23","4","CBHU8404567","YSSESB"],["8531","23","4","CAXU9516901","YSSESB"],["8539","23","6","SLSU7010070","YSSESB"],["8547","23","5","34EC1435","YSSESB"],["8555","23","6","HJCU4117050","YSSESB"],["8563","23","7","KKTU7917756","YSSESB"],["8571","23","7","KKTU7319250","YSSESB"],["8579","23","7","GLDU3573727","YSSESB"],["8587","23","7","KKTU7163764","YSSESB"],["8595","23","4","MSKU9946798","YSSESB"],["8603","23","4","HJCU1901541","YSSESB"],["8611","23","7","GLDU2297389","YSSESB"],["8619","23","4","YMLU8208571","YSSESB"],["8627","23","7","CBHU5912081","YSSESB"],["8635","23","7","CBHU3916004","YSSESB"],["8643","23","6","HJCU4161618","YSSESB"],["8651","23","6","TEXU7242089","YSSESB"],["8659","23","6","CBHU1784763","YSSESB"],["8667","23","7","TCKU3012393","YSSESB"],["8675","23","34","CBHU3477719","YSSESB"],["8683","23","7","SCSU8008654","YSSESB"],["8691","23","4","CBHU9848859","YSSESB"],["8699","23","6","CBHU1994482","YSSESB"],["8707","23","6","CCLU4357174","YSSESB"],["8715","23","7","IPXU3344587","YSSESB"],["8723","23","4","CBHU9839517","YSSESB"],["8731","23","4","CCLU6682635","YSSESB"],["8739","23","4","GESU5622110","YSSESB"],["8747","23","4","CCLU6682635","YSSESB"],["8755","23","4","CBHU8718233","YSSESB"],["8763","23","7","TCKU3037072","YSSESB"],["8771","23","7","DFSU2067774","YSSESB"],["8779","23","7","SGCU2173235","YSSESB"],["8787","23","7","CBHU3575973","YSSESB"],["8795","23","6","CCLU4732254","YSSESB"],["8803","23","19","801001AA","YSSESB"],["8811","23","6","CAXU4775828","YSSESB"],["8819","23","7","ECMU2015769","YSSESB"],["8827","23","6","SUDU4629921","YSSESB"],["8835","23","4","TGHU8264028","YSSESB"],["8843","23","34","CBHU3887837","YSSESB"],["9366","23","7","KKTU7342939","YSSESB"],["9374","23","6","DFSU4055556","YSSESB"],["9382","23","7","TTNU3723275","YSSESB"],["9390","23","4","FSCU9118945","YSSESB"],["9398","23","7","FCIU2948957","YSSESB"],["9406","23","4","YMLU8418412","YSSESB"],["9414","23","6","PONU1290804","YSSESB"],["9422","23","7","TCKU3495711","YSSESB"],["9430","23","4","TTNU9247978","YSSESB"],["9438","23","7","IPXU3798147","YSSESB"],["9443","23","7","TTNU1752504","YSSESB"],["9451","23","7","SBAU2978707","YSSESB"],["9459","22","7","MBIU8248719","YSSESB"],["9467","23","6","TGHU4677234","YSSESB"],["9475","23","4","CBHU8286504","YSSESB"],["9483","23","6","CBHU6131817","YSSESB"],["9491","23","4","DFSU6180768","YSSESB"],["9499","23","5","34DC8622","YSSESB"],["9507","22","7","TCKU2431409","YSSESB"],["9515","23","7","TGHU0380968","YSSESB"],["9523","23","7","GLDU3549309","YSSESB"],["9531","23","6","YMLU4747636","YSSESB"],["9539","23","7","CBHU3369102","YSSESB"],["9547","23","24","861001AB","YSSESB"],["9572","23","7","HJCU8200522","YSSESB"],["9580","23","4","CBHU8004051","YSSESB"],["9588","23","7","YMLU2786844","YSSESB"],["9596","23","4","HJCU1077648","YSSESB"],["9604","23","7","CCLU2490254","YSSESB"],["9612","22","4","YMLU8338261","YSSESB"],["9620","23","7","IRSU2494054","YSSESB"],["9628","23","4","TGHU8837095","YSSESB"],["8857","23","4","HDMU5446867","YSSESB"],["8865","23","7","TTNU3243804","YSSESB"],["8874","23","5","EISU3835889","YSSESB"],["8882","23","5","34DC8623","YSSESB"],["8890","23","6","SLSU7049765","YSSESB"],["8898","23","7","UESU2342612","YSSESB"],["8906","23","7","FCIU3798189","YSSESB"],["8914","23","7","IPXU3911063","YSSESB"],["8922","23","7","CAXU3105992","YSSESB"],["8930","23","7","MSKU5462748","YSSESB"],["8938","23","7","GSTU2976492","YSSESB"],["8946","23","7","DVRU1362516","YSSESB"],["8954","23","7","GESU2454049","YSSESB"],["8962","23","7","KKTU7581450","YSSESB"],["8970","23","6","CBHU6128520","YSSESB"],["8978","23","6","CBHU6128520","YSSESB"],["8986","23","7","311001NA","YSSESB"],["8994","23","7","HJCU8238214","YSSESB"],["9002","23","7","FCIU2749301","YSSESB"],["9010","23","7","MSKU5097218","YSSESB"],["9018","23","7","TCKU2410540","YSSESB"],["9026","23","7","ALNU9190117","YSSESB"],["9034","23","7","ALNU2100030","YSSESB"],["9042","23","6","CCLU4491326","YSSESB"],["9050","23","7","GESU3231348","YSSESB"],["9058","23","7","EOLU3287951","YSSESB"],["9066","23","6","GVCU4035213","YSSESB"],["9074","23","6","GVCU4035213","YSSESB"],["9082","23","7","POCU0554684","YSSESB"],["9090","23","4","MSKU9137176","YSSESB"],["9098","23","6","TTNU4011090","YSSESB"],["9106","23","4","MSKU9137176","YSSESB"],["9114","23","6","CAXU7443180","YSSESB"],["9122","23","4","WFHU5068640","YSSESB"],["9130","23","7","KKFU1668315","YSSESB"],["9138","23","6","FBLU4001271","YSSESB"],["9146","23","7","GESU3231348","YSSESB"],["9154","23","45","CBHU5661303","YSSESB"],["9162","23","4","EISU9121343","YSSESB"],["9170","23","6","UESU4220974","YSSESB"],["9178","23","7","CNCU1606026","YSSESB"],["9186","23","6","CBHU1929825","YSSESB"],["9194","23","7","MSKU7300155","YSSESB"],["9202","23","4","TRLU7196356","YSSESB"],["9210","23","7","CBHU3987775","YSSESB"],["9218","23","7","TCKU2552951","YSSESB"],["9226","23","7","UXXU2413969","YSSESB"],["9234","23","6","TTNU4980874","YSSESB"],["9242","23","6","TGHU4480501","YSSESB"],["9250","23","6","TGHU4480501","YSSESB"],["9258","22","6","GVCU4161633","YSSESB"],["9266","23","6","CCLU5056555","YSSESB"],["9274","23","6","CCLU4716145","YSSESB"],["9282","23","4","GESU5426185","YSSESB"],["9290","23","45","CBHU5786569","YSSESB"],["9298","23","7","CAXU3127918","YSSESB"],["9306","23","7","UXXU2379648","YSSESB"],["9314","23","7","ECMU2072898","YSSESB"],["9322","23","46","MRKU0310186","YSSESB"],["9330","23","7","EISU3718476","YSSESB"],["9338","23","7","EISU3718476","YSSESB"],["9346","23","7","061001PA","YSSESB"],["9354","23","7","KKTU7058500","YSSESB"],["9362","23","7","UXXU2413969","YSSESB"],["9370","23","4","IRNU4603156","YSSESB"],["9378","23","7","EMCU3054266","YSSESB"],["9386","23","4","FSCU9118945","YSSESB"],["9394","23","6","FSCU4395696","YSSESB"],["9402","23","4","FSCU9684048","YSSESB"],["9410","23","4","YMLU8418412","YSSESB"],["9418","23","7","TRIU3620374","YSSESB"],["9426","23","7","MSCU6837011","YSSESB"],["9434","23","6","SESU6032510","YSSESB"],["9442","23","7","IPXU3798147","YSSESB"],["9450","23","7","TTNU1752504","YSSESB"],["9458","23","4","GESU4872557","YSSESB"],["9466","23","6","GVCU4160730","YSSESB"],["9474","23","4","CBHU8428110","YSSESB"],["9482","23","6","CBHU6131817","YSSESB"],["9490","23","7","CBHU5619978","YSSESB"],["9498","23","5","34DC8622","YSSESB"],["9506","23","7","CBHU3166701","YSSESB"],["9514","23","7","CBHU5864949","YSSESB"],["9522","23","7","TCKU9884916","YSSESB"],["9530","23","7","TCLU2186680","YSSESB"],["9538","23","6","TTNU4166657","YSSESB"],["9546","22","5","561001AE","YSSESB"],["9571","23","4","CBHU8614856","YSSESB"],["9579","23","4","TRLU6361625","YSSESB"],["9587","23","7","GESU3472345","YSSESB"],["9595","23","7","OOLU3656366","YSSESB"],["9603","23","4","TGHU9316450","YSSESB"],["9611","23","6","HJCU4415672","YSSESB"],["9619","23","6","861001AC2","YSSESB"],["9627","23","7","CBHU3987775","YSSESB"],["7327","23","7","GLDU2291652","YSSESB"],["7335","23","4","TRLU7208971","YSSESB"],["7343","23","7","OOLU3694730","YSSESB"],["7351","23","5","34BT3378","YSSESB"],["7359","23","6","CBHU6144239","YSSESB"],["7367","23","7","CBHU5561623","YSSESB"],["7375","23","7","CBHU3433840","YSSESB"],["7383","23","7","CAIU2289173","YSSESB"],["7391","23","6","CBHU6090636","YSSESB"],["7399","23","7","CBHU5877313","YSSESB"],["7407","23","4","CBHU8198240","YSSESB"],["7415","23","7","FCIU3582878","YSSESB"],["7423","23","4","CBHU8040260","YSSESB"],["7431","23","7","TCKU1908009","YSSESB"],["7439","23","7","CAIU2440839","YSSESB"],["7447","23","4","HJCU1459548","YSSESB"],["7455","23","7","GATU1329849","YSSESB"],["7463","23","7","CBHU3651630","YSSESB"],["7471","23","5","TCNU9953797","YSSESB"],["7479","23","6","HDMU673651","YSSESB"],["7487","23","4","MSKU9716990","YSSESB"],["7495","23","7","UACU3489504","YSSESB"],["7503","23","6","HDMU648868","YSSESB"],["7511","23","6","TRLU662814","YSSESB"],["7519","23","7","TCLU2019240","YSSESB"],["7527","23","7","CBHU5753312","YSSESB"],["7535","23","4","FSCU9116325","YSSESB"],["7543","23","4","FSCU9116325","YSSESB"],["7551","23","7","IMTU3060376","YSSESB"],["7559","23","5","34TL3183","YSSESB"],["7567","23","4","CBHU8649955","YSSESB"],["7575","23","4","CBHU8649955","YSSESB"],["7583","23","5","34TL3183","YSSESB"],["7591","23","4","TCKU9845355","YSSESB"],["7599","23","4","TRLU7417713","YSSESB"],["7607","23","7","TTNU3274507","YSSESB"],["7615","23","4","CBHU8579082","YSSESB"],["7623","23","4","TCNU9616440","YSSESB"],["7631","23","7","TGHU3277207","YSSESB"],["7639","23","6","CBHU1843911","YSSESB"],["7647","23","6","PONU1423363","YSSESB"],["7655","23","7","INKU2672367","YSSESB"],["7663","23","5","NYKU4110366","YSSESB"],["7671","23","28","KTNU4190994","YSSESB"],["7679","23","6",".","YSSESB"],["7687","23","4","ZCSU8597269","YSSESB"],["7695","23","41","MSKU4607997","YSSESB"],["7703","23","7","YMLU3164640","YSSESB"],["7711","23","7","TTNU1929729","YSSESB"],["7719","23","7","CBHU3782501","YSSESB"],["7727","23","6","EMCU1211113","YSSESB"],["7735","23","4","FSCU6495776","YSSESB"],["7743","23","7","GESU3654062","YSSESB"],["7751","23","11","MSKU4068766","YSSESB"],["7759","23","6","INBU5383961","YSSESB"],["7767","23","6","INBU5383961","YSSESB"],["7775","23","7","CBHU5638746","YSSESB"],["7783","23","7","CBHU3936799","YSSESB"],["7791","23","4","CAXU9185547","YSSESB"],["7799","23","7","CBHU5942390","YSSESB"],["7807","23","6",".","YSSESB"],["7815","23","7","CRXU3216814","YSSESB"],["7823","23","5","34DC8624","YSSESB"],["7831","23","6","KKFU1765712","YSSESB"],["7839","23","6","KKFU1765712","YSSESB"],["7847","23","7","WFHU1211331","YSSESB"],["7855","23","6","TCKU2674414","YSSESB"],["7863","23","7","FSCU3331207","YSSESB"],["7871","23","6","56.912AI4","YSSESB"],["7879","23","6","56.912AJ4","YSSESB"],["7887","23","6","56.912AJ12","YSSESB"],["7895","23","4","TCKU9136426","YSSESB"],["7903","23","6","56.912AK5","YSSESB"],["7911","23","6","56.912AK13","YSSESB"],["7919","23","6","BMOU3030612","YSSESB"],["7927","23","7","MSKU2813263","YSSESB"],["7935","23","6","CBHU1707284","YSSESB"],["7943","23","7","CBHU3448032","YSSESB"],["7951","23","4","CBHU8771238","YSSESB"],["7959","23","7","CLHU2894024","YSSESB"],["7967","23","7","FSCU3103932","YSSESB"],["7975","23","7","IPXU3011441","YSSESB"],["7983","23","7","TGHU2540160","YSSESB"],["7991","23","7","WFHU1149472","YSSESB"],["7999","23","7","CARU2681339","YSSESB"],["8007","23","45","CBHU3315847","YSSESB"],["8015","23","7","TCKU3037391","YSSESB"],["8023","23","4","AMFU8770758","YSSESB"],["8031","23","7","CBHU5679637","YSSESB"],["8039","23","6","UXXU4338397","YSSESB"],["8047","23","6","TRLU8629152","YSSESB"],["8055","23","7","CBHU3493957","YSSESB"],["8063","23","4","KKFU7541350","YSSESB"],["8071","23","7","TGHU0333354","YSSESB"],["8079","23","4","FSCU9061705","YSSESB"],["8087","23","4","CBHU8404567","YSSESB"],["8095","23","7","CBHU3448032","YSSESB"],["8103","23","7","FCIU3106784","YSSESB"],["7311","23","6","KKFU1658740","YSSESB"],["7319","23","5","34TL3184","YSSESB"],["8111","23","7","CBHU3619367","YSSESB"],["8119","23","4","CBHU8862404","YSSESB"],["8127","23","7","CBHU5626200","YSSESB"],["8135","23","6","KKFU1142008","YSSESB"],["8143","23","7","DAYU2137027","YSSESB"],["8151","23","7","HDMU5539044","YSSESB"],["8159","23","7","IPXU3274155","YSSESB"],["8167","23","7","CBHU3507520","YSSESB"],["8175","23","4","CBHU8437236","YSSESB"]];
var store = new Ext.data.SimpleStore({
fields: [
{name: 'seq', mapping: '0', type:'int'},
{name: 'statusseq', mapping: '1', type:'int'},
{name: 'containertypeseq', mapping: '2', type:'int'},
{name: 'containerno', mapping: '3', type:'string'},
{name: 'dataorigin', mapping: '4', type:'string'}
store.loadData(myData);
var v_grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'seq',header: "SEQ",sortable:true,dataIndex:'seq',width:10},
{header: "statusseq",sortable:true,dataIndex:'statusseq',width:10},
{header: "containertypeseq",sortable:true, dataIndex:'containertypeseq',width:20},
{header: "containerno",sortable:true,dataIndex:'containerno',width:20},
{header: "dataorigin", sortable:true,dataIndex:'dataorigin',width:30}
viewConfig:{
forceFit:true
width:700,
height: 560,
title:'Array Grid'
</script></div></div>
<BR>
<script type="text/javascript">
Ext.onReady(function(){
var v_window = new Ext.Window({
id:'id_WINDOW_EXAMPLE',
contentE1:'contentE1_WINDOW_EXAMPLE',
title:'Title',
closable:true,
closeAction:'hide',
resizable:false,
plain:true,
allowDomMove: false,
autoScroll: false,
items: [v_grid]
v_window.show(this);
v_window.setSize({width:900, height:600});
</script></div>
Thanks you very much,
Osman... -
Fluid grid vs jquery mobile graphic
Same graphic, a .png file I have set the width and height to zero (after trying a few 100% etc)
No the fluid grid it scales beautifully but not on the Jquery Mobile site I am using to learn on. both are in Dreamweaver 6. It was hoped the graphic would resize without having to resort to media queries or? The jquery stuff resizes like a damn but the header graphic - not so much.
Thanks in advance
GregThank you Nancy O.
I already had the img src as you suggested and had specified the sizes in css as percentages. As I changed the css to your suggestions, I was elated to find that on screen, the header image resized to fit the screen size. That elation was somewhat short lived however as I tried "Live View" and Bango, it went back to it's nasty ways. I have not specified anything else at this point in the css, preferring to get some experience with Jquery Mobile, before any external styling. It seems to take an old guy a bit longer . . . . .
my early experiments are found here
stonemeadow.ca/Mobile/mobile-1.htm
Thanks for your time -
We are looking to add data grid functionality to our Apex app and am looking for any suggestions. Ideally it should be able to sort, resize, re-arrange and hide/show columns as well as load data asynchronously using the results of an AJAX request. Being able to resize the entire grid would also be nice.
I have seen references to integrating ExtJS into Apex but also have seen comments that it is written for an older version. Does anyone know if this is still correct?
I have also been looking at stand-alone jQuery plugins but am not sure how much work will be involved integrating this with Apex. Does anyone have experience with this?
Any help, pointers, suggestions, gotchas, etc would be appreciated.
Thanks,
MarkBelow is all of the JavaScript code. I found that, because Apex does not follow the standard method for passing parameters (sounds more like something Microsoft would do) you have to override the method used to send the data to the server. Also, since there is no way to change the content-type response header from 'text/html' (as far as I can find) you must also parse the resulting JSON string. Both of these actions are performed within the getPromoData function.
I haven't done more than get the table to display with pagination working so there may be other issues I run into along the way. I shouild also note that we are using Apex 4.0 and I understand there have been improvements in AJAX processing in Apex 4.2, so that may change things (hopefully for the better).
<link rel="stylesheet" type="text/css" media="screen" href="&WORKSPACE_IMAGES.ui.jqgrid.css" />
<script src="&WORKSPACE_IMAGES.grid.locale-en.js" type="text/javascript"></script>
<script src="&WORKSPACE_IMAGES.jquery.jqGrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
* Manually retrieve JSON data due to Apex parameter handling
function getPromoData(pdata) {
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: 'f?p=&APP_ID.:&APP_PAGE_ID.:&APP_SESSION.:APPLICATION_PROCESS=Promo_Item_Query:::P70027_TABLE_PAGE,P70027_TABLE_ROWS,P70027_TABLE_SORT_INDEX,P70027_TABLE_SORT_DIR:' + pdata.page + ',' + pdata.rows + ',' + pdata.sidx + ',' + pdata.sord,
success: function(data, textStatus) {
try {
var json = eval('(' + data + ')');
$('#promoTable')[0].addJSONData(json);
catch(e) {
alert('Error parsing data.\n' + e);
error: function(data, textStatus) {
alert('Error retrieving data.\n' + textStatus);
* Initialize the grid
jQuery(document).ready(function(){
jQuery("#promoTable").jqGrid({
datatype: function(pdata) {
getPromoData(pdata);
mtype: 'POST',
colNames: ['Id', 'Create Date', 'Promotion Name', 'Description', 'PH Promo Ranking'],
colModel: [
{name: 'id', index: 'id', width: 55, align: 'right'},
{name: 'createDate', index: 'creation_date', formatter: 'date', align: 'right', width: 90},
{name: 'name', index: 'name', width: 200},
{name: 'description', index: 'description', width: 500},
{name: 'ranking', index: 'ranking', width: 110, align: 'right'}
pager: '#promoPager',
rowNum: 5,
rowList: [5, 10, 20],
sortname: 'id',
sortorder: 'desc',
viewrecords: true,
caption: 'General Promotion Setup'
</script> -
ColdFusion data source for jqGrid
I am using jqGrid for my application and found the example from jQuery web site for first grid like following.
jqGrid expect url to GET data from server side code and data type is XML.
I would like to know can I use CFQUERY or CFSTOREPROC to feed jqGrid to create the grid.
Your information and help is great appreciated,
Regards,
Iccsi,
$(function () {
$("#list").jqGrid({
url: "example.php",
datatype: "xml",
mtype: "GET",
colNames: ["Inv No", "Date", "Amount", "Tax", "Total", "Notes"],
colModel: [
{ name: "invid", width: 55 },
{ name: "invdate", width: 90 },
{ name: "amount", width: 80, align: "right" },
{ name: "tax", width: 80, align: "right" },
{ name: "total", width: 80, align: "right" },
{ name: "note", width: 150, sortable: false }
pager: "#pager",
rowNum: 10,
rowList: [10, 20, 30],
sortname: "invid",
sortorder: "desc",
viewrecords: true,
gridview: true,
autoencode: true,
caption: "My first grid"I was able to run jqGrid on my local machine. Basically, you only need to adapt the example code from the web site. And, you are all set!
<!--- xml_data.cfm --->
<cfcontent type="text/xml;charset=utf-8" />
<rows>
<page>1</page>
<total>1</total>
<records>1</records>
<row id='1'>
<cell>1</cell>
<cell>07/26/2013</cell>
<cell><![CDATA[Client 1]]></cell>
<cell>700</cell>
<cell>140</cell>
<cell>840</cell>
<cell><![CDATA[Nice work!]]></cell>
</row>
</rows>
<!--- jqGrid.html --->
<html>
<head>
<title>jqGrid</title>
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.multiselect.css" />
<script src="http://trirand.com/blog/jqgrid/js/jquery.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery-ui-custom.min.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.layout.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="http://trirand.com/blog/jqgrid/js/ui.multiselect.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.tablednd.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.contextmenu.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery().ready(function (){
jQuery("#list1").jqGrid({
url:'http://localhost:8888/test/xml_data.cfm',
datatype: "xml",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:75},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
rowNum:10,
autowidth: true,
rowList:[10,20,30],
pager: jQuery('#pager1'),
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"XML Example"
.navGrid('#pager1',{edit:false,add:false,del:false});
</script>
</head>
<body>
<table id="list1"></table>
<div id="pager1"></div>
</body>
</html> -
Following error message when I tried to integrate jqGrid with Oracle apex:
E is null
*[Break on this error] (function(){var l=this,g,y=l.jQuery,p=l....each(function(){o.dequeue(this,E)})}});\n*
Detial of error message in firebug:
anonymous(Object name=E)jquery-1....2.min.js (line 12)
anonymous(Object name=xml, div.ui-jqgrid-bdiv, Object name=rcnt value=0)jquery.j...id.min.js (line 10)
anonymous(XMLHttpRequest readyState=4 status=200 statusText=OK, "parsererror")jquery.j...id.min.js (line 10)
L()jquery-1....2.min.js (line 19)
anonymous(65)jquery-1....2.min.js (line 19)
[Break on this error] (function(){var l=this,g,y=l.jQuery,p=l....each(function(){o.dequeue(this,E)})}});\njquery-1....2.min.js (line 12
Below I am pasting the source of my work:
Create an application process: jqgridXMLData
Declare
i number := 0;
Begin
htp.p('<?xml version=''1.0'' encoding=''utf-8''?>');
htp.p('<rows>');
htp.p('<page>1</page>');
htp.p('<total>1</total>');
htp.p('<records>10</records>');
for m in (select * from emp)
Loop
i := i + 1;
htp.p('<row id="'||i||'">');
htp.p('<cell>'||m.empno||'</cell>');
htp.p('<cell>'||m.ename||'</cell>');
htp.p('<cell>'||m.job||'</cell>');
htp.p('<cell>'||m.mgr||'</cell>');
htp.p('<cell>'||m.hiredate||'</cell>');
htp.p('<cell>'||m.sal||'</cell>');
htp.p('<cell>'||m.comm||'</cell>');
htp.p('<cell>'||m.deptno||'</cell>');
htp.p('</row>');
End Loop;
htp.p('</rows>');
End;
Create a page header section add the follwing JS and css files
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost/jquery/jqgrid/css/ui.jqgrid.css" />
<script src="http://localhost/jquery/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://localhost/jquery/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="http://localhost/jquery/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://localhost/jquery/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
Create a html region with source
<table id="list1"></table>
<div id="pager1" class="scroll"></div>
Header or footer section:
<script type="text/javascript">
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=jqgridXMLData',0);
jQuery().ready(function (){
jQuery("#list1").jqGrid({
url:get.url(),
datatype: "xml",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:75},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
rowNum:10,
autowidth: true,
rowList:[10,20,30],
pager: jQuery('#pager1'),
sortname: 'id',
viewrecords: true,
sortorder: "desc",
prmNames: {page:"x01",rows:"x02",sort:"x03",order:"x04",search:"x05",nd:"x06"},
caption:"XML Example"
}).navGrid('#pager1',{edit:false,add:false,del:false});
</script>
I hope some body can help me to solve this issue.Wahid,
Do you have any step by step guide,How to integrate this?
I want to check check the process how you have done that?
Thanks, -
Does anyone know if there is anyway of getting the total
records returned to be displayed in the grid footer (just like in
the ExtJS grid) for the html type grid in cf 8?Justin,
How would this work on the web? We have parameter driven reports they can get them in PDF form or Excel.
The reason for this is because some of the reports are taking too long for the users/clients. We just don't want to say you can't run a report over 6 months in date range / parameters since, some clients don't have as much data as others.
I guess what I'm thinking is something that runs fast and does a count if the count is over 10,000 records it comes back and states you must schedule your report then they go to a schedule screen.
Can you think of another way to do this?
What your thinking is doing a count first then either run or trigger a screen to come up to schedule the reports?
We are running on CBO. I have statistics collected.
What else could I do?
Thanks, so much for your help. -
Interactive Report with many columns scroll possibility?
Hello,
i have an interactive report that has many columns. As so they cannot fit into a page and a scroll bar is used in the bottom of screen, which is not a desired effect.
What i would like to do (if it's possible) is to have a scroll bar before the pager. Up to now i have found a "fix" for this problem but after the pager and it does scroll the rendering of the report but the pagers' also. My solution is to put the following code in the Region Definition, in Header and Footer group, in Header:
<style type="text/css">
#apexir_DATA_PANEL {
clear:both;
width:1220px;
height:650px;
overflow:auto;
</style>
That was in 3.2. Is there any other option/possibility or idea now with 4.0 ?
TIAHi TIA,
I hope that following link will help you in regards to your query:
Jon Fortney implemented and blogged on it: http://jfortney.blogspot.com/
Alternatively, you can use ExtJS Grid or jQGrid functionality.
This might help, Horizontal Scrollbar required in Interactive Report
Regards,
Bhavin
Edited by: Bhavin on Nov 16, 2010 4:32 AM -
Hi All,
My requirement is to extract the data from the legacy system i.e. Sybase 12.5 using UDC to SAP BI 7.0. We have established UDC connection, created view and BI 7.0 datasource. The user has all the access i.e. select, dbo access for the view. While datasource creation I have selected UDC source object from the Sybase, used default system proposed fields and activated the datasource. When I try to check the data in the preview, I am getting following message in the status bar:
S:RSSDK:300 Query execution failed: "DB name"."dbo"."VIEW1" not found. Specify owner.objectname or use sp help to check whether the object exists (sphelp may produce lots of output). I have checked in the URL http://<hostname>:port/TestJDBC_Web/TestJDBCPage.jsp before preview, it worked fine and showed all the table names and data in tables.
J2EE Visual Admin Logfile Data:
Error: com.sap.ip.bi.sdk.datasource.beans.BI_SDK_Bean$MsgException: Query execution failed: "DBSctlg"."dbo"."view_tbl_xref_1" not found.
Specify owner.objectname or use sp_help to check whether the object exists (sp_help may produce lots of output).
Error#1#/Applications/BI/UDI#Java###com.sybase.jdbc3.jdbc.SybSQLException: "DBSctlg"."dbo"."colores" not found.
Specify owner.objectname or use sp_help to check whether the object exists (sp_help may produce lots of output)
By same username I have logged in Sybase and ran created view, which extracted data without any problems.
We have followed same procedure for creation of connections, views and datasources for SQL server, it is working fine without any issues. We have problem only with Sybase system. Would anyone help me in resolving this issue. ******Gurantee of award points********
Regards
Eric.I don't use the new CF tags, but I've been using Extjs 1.1
for a recent project. While there may be some internal limit
imposed by CF, I think that 20 is way too many grids for a page and
I think the web page will choke trying to display everything. I'm
finding that the extjs grid really bogs down the browser when
handling large grids and seems to consume large amounts of
resources in general. -
Adding Form for insert into Ext Js Layout
Hi all,
How to adding form for insert record into EMP table
+[http://apex.oracle.com/pls/apex/f?p=43040:7|INSERT EMP]+
into Ext JS layout with one Array Grid report from EMP ?
+[http://apex.oracle.com/pls/apex/f?p=43040:5|ExtJS layout EMP report]+
(this is extend threat from
Re: ExtJS report with JsonStore -examples? apex and extjs grid table]
implements by munky)
regards,
Gordan
Edited by: useruseruser on Aug 3, 2010 9:17 AMHi Gordan
Just for information, the link syntax doesn't work on the forum anymore, just paste the link in with no tags or brackets and it will be 'clickable'.
Exactly what are you trying to achieve here?
Have you had a look at these sites which may be of some use to you...
http://oracleinsights.blogspot.com/ - Mark Lancaster
http://application-express-blog.e-dba.com/ - e-DBA (Matt Nolan)
http://apex-at-work.blogspot.com/ - Tobias Arnhold
Cheers
Ben -
Coldfusion json truncates leading zeroes
Hi All -
I am using jquery jqgrid with Coldfusion. I have a cfc whose return format is JSON. I have a database column of type varchar, but it returns values which starts with zeroes. On displaying data, the leading zeroes are truncated. I verified in firebug, the JSON response itself is cutting off the leading zeroes.
Any suggestions or thoughts on this?If you are using CF 9.0 there was a documented bug that has been fixed in Adobe® ColdFusion® 9.0 Update 1:
ID
Area
Bug Description
82706
AJAX Plumbing
When you use serializeJSON or deserializeJSON, data type conversion occurs automatically. For example, 000001 is converted to numeric 1.
I know that there are new bugs introduced with Updater 1 so it would probably be wise to get the ColdFusion 9.0.1 Cumulative Hot Fix 1 also. As always, test the updates before using in production. -
Hi Experts,
I am getting the following error on newly added Domain controler. we have old DC it is working fine.
14:27:23,985 DEBUG [PASSSYNC] Exiting PassSyncImpl.init()
14:27:23,985 DEBUG [PASSSYNC] Entering PassSyncImpl.checkPassphrase()
14:27:24,053 DEBUG [PASSSYNC] Exiting PassSyncImpl.checkPassphrase()
14:27:24,055 WARN [PASSSYNC] Failed to validate passphrase!
14:27:24,055 DEBUG [PASSSYNC] Exiting PassSyncImpl.SyncPassword()
The password is fine on the IT resource for passphrase.
Please I appreciate your help.I don't use the new CF tags, but I've been using Extjs 1.1
for a recent project. While there may be some internal limit
imposed by CF, I think that 20 is way too many grids for a page and
I think the web page will choke trying to display everything. I'm
finding that the extjs grid really bogs down the browser when
handling large grids and seems to consume large amounts of
resources in general.
Maybe you are looking for
-
I can no longer send mail from my gmail account on my iPad.
I can send mail from my iPhone just fine so it isn't gmail. I deleted the gmail app and reinstalled it; restarted my iPad; and checked the settings. My wifi is working as is evidenced by the fact that I wrote and posted this from my iPad with no prob
-
Goods Receipt of material with serial numbers
Hi all, Does SRM 7 supports the functionality of serial numbers at goods receipt? If a material in ECC has Serial number profile, then at the time of goods receipt in SRM, the system will ask to enter the serial number of each material? Thanks, Ezequ
-
I keep getting an error message while trying to search for flights on Expedia
I have used Expedia many times in the past without difficulty. Recently, however, whenever I try to search for flights on Expedia, I get a message that says "Sorry, we're having a problem on our end. Please try your search again later". But I'm able
-
F.5E - Balance Sheet Adjustment
Hello group Does anybody know if is possible to active the post Balance Sheet Adjustment using the New GL tables? Ps. There is no split documents configuration ( 5.0 version) Thanks for now.
-
I cannot get firefox to start. It keeps crashing with the following message: The procedure entry point GetLogicalProcessorInformation could not be located in the dynamic link library KERNEL32.dll I tried uninstalling and reinstalling. I uninstalled a