Forum
Log In
Home
Topic RSS
Related Topics
00:53
11/10/2010
Offline
I have implemented grid successfully but it not showing using new api. I have placed:-
jQuery.jgrid.no_legacy_api = true;
before jquery.jqGrid.min.js
I have tested almost 100 times if there is any problem in implementation. There seems no mistake to me. Grid works perfectly if I call it as :-
$(function(){
$(“#list”).jqGrid({but It won’t work if I will call it as:-
jQuery(“#list”).jqGrid(
any suggestion?
09:31
Moderators
30/10/2007
Offline
Hello,
The setting shoould be loaded after locale and before grid javascript files.
something like:
..
<script src="../../../js/jquery.js" type="text/javascript"></script>
<script src="../../../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="../../../js/jquery.jqGrid.js" type="text/javascript"></script>
…
See here:
http://www.trirand.com/jqgridw.....#038;s=api
Regards
For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.
11:58
11/10/2010
Offline
Thanks for your reply tony! I am doing in same manner but its not working. Here is my html:-
<head>
<title>my title</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.8.5.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<style>
html, body {
margin: 0;
padding: 0;
font-size: 75%;
}
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript" ></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/navgrid.js" type="text/javascript"></script>
</head>
<body>
<table id="list"></table>
<div id="pager"></div>
</body>
</html>
and here is navgrid.js:-
jQuery("#list").jqGrid({
url:'users.php',
datatype: "xml",
colNames:['UserID'],
colModel:[
{name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10}},
],
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'id',
viewrecords: true,
sortorder: "desc",
caption:"Navigator Example",
editurl:"someurl.php",
height:210
});
jQuery("#list").jqGrid('navGrid','#pager',
{}, //options
{height:280,reloadAfterSubmit:false}, // edit options
{height:280,reloadAfterSubmit:false}, // add options
{reloadAfterSubmit:false}, // del options
{} // search options
);
and nothing shows up. If I'll insert this code in navgrid.js, it will start working:-
$(function(){
$("#list").jqGrid({
url:'xml/users.php',
datatype: 'xml',
mtype: 'GET',
colNames:['UserID','First Name', 'Last Name','Email','Status','Role'],
colModel :[
{name:'id', index:'id', width:55, editable: true},
{name:'fname', index:'fname', width:90, editable: true},
{name:'lname', index:'lname', width:80, align:'right', editable: true},
{name:'email', index:'email', width:80, align:'right', editable: true},
{name:'status', index:'status', width:80, align:'right', editable: true},
{name:'role', index:'role', width:150, sortable:false, editable: true}
],
pager: '#pager',
emptyrecords: "Nothing to display",
rowNum:10,
rowList:[10,20,30],
sortname: 'id',
sortorder: 'asc',
viewrecords: true,
caption: 'List of users',
width: 1000
}).navGrid('#pager',
{edit:true, add:true, del:true, search:true, refresh:true},
{reloadAfterSubmit:false},
{reloadAfterSubmit:false},
{reloadAfterSubmit:false}
).navButtonAdd("#pager",
{caption:"Show/Hide", position: "last",
title:"Click here to show/hide columns ",
cursor: "pointer", buttonicon:"ui-icon-add",
onClickButton: function(){
jQuery("#list").setColumns('navGrid','hideCol',"selrow");
return false;
}});
});
I am just displaying functionality. Both navgrid.js have different settings, I know
21:22
11/10/2010
Offline
Do I need to need to wrap all new api code inside:-
jQuery(document).ready(function(){
});
like this:-
jQuery(document).ready(function(){
jQuery("#list").jqGrid({
// some code
});
jQuery("#list").jqGrid('navGrid','#pager',
// some code
});
});
Most Users Ever Online: 715
Currently Online:
60 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
