Home › Forums › Guriddo jqGrid JS › Help › How make it works.
I’ve download jQuery, jqGrid and jqGrid demo. Then created the MySql database and execute database.sql
the example.php displays a blank page :o(
dbconfig.php contains the rigth login, and example.php displays data as expected (xml structure).
Why the grid is not dispayed ? Any advice will be highly appreciated.
Mybe you should run not example.php, but jqgrid.html to work this 🙂
Not working. I have same example.html.
I get blank page.
When i type …
http://localhost:81/admin/person/view1
{“page”:1,”total”:32,”records”:623,”rows”:[{“id”:8676,”cell”:[8676,”C”,null,”noemail157@noemail.com”,””,””,””]}…
i get that…
Also i tested
http://localhost:81/js/jqgrid/jquery.js
http://localhost:81/js/jqgrid/jquery.jqGrid.js
http://localhost:81/js/jqgrid/themes/sand/grid.css
all displays..
url area
jQuery(“#list2”).jqGrid({
url:’admin/person/view1′,
datatype: “json”,
what is the problem here?…
My empty page has almost same html content like the one in demo…
http://trirand.com/jqgrid/example.html
Can someone help?….
Thank you very much…!
Hi,
Try this
jQuery(“#list2”).jqGrid({ url:’http://localhost:81/admin/person/view1′,
datatype: “json”,
….
I.e point to the full path to port 81.
Regards
Tony
No…something fishy..i could n’t see why it is not running…
here is the whole file..
jqGrid Demo
{literal}
html, body {
margin: 0; /* Remove body margin/padding */
padding: 0;
overflow: auto; /* Remove scroll bars on browser window */
font: 12px “Lucida Grande”, “Lucida Sans Unicode”, Tahoma, Verdana;
}
{/literal}
{literal}
jQuery(document).ready(function(){
jQuery(“#list2”).jqGrid({
url:’http://localhost:81/admin/person/view1′,
datatype: “json”,
colNames:,
colModel:[
{name:’id’,index:’id’, width:55},
{name:’invdate’,index:’invdate’, width:90},
{name:’name’,index:’name asc, invdate’, 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}
],
pager: jQuery(‘#pager2’),
rowNum:10,
rowList:[10,20,30],
imgpath: ‘js/jqgrid/themes/sand/images’,
sortname: ‘id’,
viewrecords: true,
sortorder: “desc”,
caption: “Demo”
});
});
{/literal}
jqGrid Demo
html, body {
margin: 0; /* Remove body margin/padding */
padding: 0;
overflow: auto; /* Remove scroll bars on browser window */
font: 12px “Lucida Grande”, “Lucida Sans Unicode”, Tahoma, Verdana;
}
jQuery(document).ready(function(){
jQuery(“#list2”).jqGrid({
url:’http://localhost:81/admin/person/view1′,
datatype: “json”,
colNames:,
colModel:[
{name:’id’,index:’id’, width:55},
{name:’invdate’,index:’invdate’, width:90},
{name:’name’,index:’name asc, invdate’, 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}
],
pager: jQuery(‘#pager2’),
rowNum:10,
rowList:[10,20,30],
imgpath: ‘js/jqgrid/themes/sand/images’,
sortname: ‘id’,
viewrecords: true,
sortorder: “desc”,
caption: “Demo”
});
});
files loaded..using webdeveloper (fire fox) information…size…
Documents (1 file) 2 KB
http://localhost:81/home/contact 2 KB
Images (1 file) 165 bytes
http://localhost:81/js/jqgrid/themes/sand/images/grid-blue-ft.gif 165 bytes
Objects (0 files)
Scripts (7 files) 31 KB
http://localhost:81/js/jqgrid/jquery.js 29 KB
http://localhost:81/js/jqgrid/jquery.jqGrid.js 1 KB
http://localhost:81/js/grid.inlinedit.js 218 bytes
http://localhost:81/js/grid.formedit.js 217 bytes
http://localhost:81/js/grid.postext.js 216 bytes
http://localhost:81/js/grid.subgrid.js 216 bytes
http://localhost:81/js/grid.base.js 213 bytes
Style Sheets (1 file) 6 KB
http://localhost:81/js/jqgrid/themes/sand/grid.css 6 KB
Total 40 KB
firebug error
jQuery(“#list2”).jqGrid is not a function
http://localhost:81/home/contact
Line 45
GOT IT!… the jqGrid.js file also referring to set of js files…it also start from root …not from current… so changed … the path inside the file
js/jqGrid/js/ from js/
It works.
I notice – you try load jqGrid twice. Either edit jquery.jqGrid.js to point to right directories and renove …grid.jqGrid.js.. from src, or simly load only grid.base.js and grid.subgrid.js but not the both.
Also check the right paths in jquery.jqGrid.js
http://localhost:81/js/grid.base.js 213 bytes – this is not true – the size is about 35K
Regards
Tony
I was using webtoolkit scrolltable and some client side sorting…mix of so many scripts. It worked but i needed more control.
Can you make the row drop with a div to show edit ? instead of the pop up?. It is kind of fake window.. i have that jqmodal dialog for sending email…
Lets make this greatest grid table….
I was looking at extjs…initially it wowed me with his slick control widgets… i liked jquesry api even if it has ingherent slowness..
can someone please build “fast” tab interface for jquery …current jquery tabs blows.!!!…
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top