Forum
Log In
Home
Topic RSS
06:48
Hi,
I have a weid thing with firefox (works ok with IE 7). I have multiple grids in different tabs, using jquery TAB.
On the first tab the grid pager works fine, showing “Page 1 of 1?
But on the second tab it shows “Page 1 of “.
And now the weird thing, if a disable the first tab, the pager on the second tab will show correctly
Weird uh, anybody an idea?
Im using
jqeuery: 1.3.2
jQGrid: 3.5.2
Firefox: 3.5.2
kind regards
ido
ps, here's my code
jQuery("#programmeList").jqGrid({
url:'$PORTLET.getResourceURL("jsonservlet?action=programme_list")',
datatype: 'json',
mtype: 'GET',
colNames:['id','Programme'],
colModel :[
{name:'id', index:'id', width:30},
{name:'Programme', index:'programme', width:500}],
pager: jQuery('#programmePager'),
shrinkToFit: true,
autowidth: true,
height: "100%",
rowNum:20,
rowList:[20,40,60],
sortname: 'programme',
sortorder: "ASC",
viewrecords: true,
imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.4.3/themes/basic/images',
caption: 'Programmes'
});
11:11
Moderators
30/10/2007
Offline
Hello,
I need the full html and JS source. Also please remove any reference to in script and link tags which points to the old 3.4 version.
Best Regards
Tony
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.
08:07
Hi Tony
Thank you for the quick reply, here's my html & js
<style type="text/css">
.selectedtab {background: #A6B6D0 none;}
.notselected {background: #E3E8F5 none;}
.x2o {color:#336699;font-family:Arial,Helvetica,Geneva,sans-serif;font-size:8pt}
.column1 { vertical-align: text-top; text-align: right; width:150px}
div#pagecontent_org td th tr {padding: 2px;}
div#pagecontent_org input {padding: 1px;}
div#pagecontent_org textarea {padding: 2px;}
div#pagecontent_org fieldset {padding: 3px;}
div#pagecontent_org ul li {padding: 3px; list-style-type: disc;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display: block;}
</style>
<link rel="stylesheet" type="text/css" media="screen" href="http://www.rsm.nl/main/all/js/jquery/1.3/themes/smoothness/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/css/ui.jqgrid.css" />
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.core.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.tabs.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/js/grid.locale-en.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jquery-validate/jquery.validate.pack.js"></script>
<script type="text/javascript">
jQuery(function() {
jQuery("#uni_tabs").tabs();
jQuery("#uni_tabs").tabs().tabs('select', 0);
jQuery("#appList").jqGrid({
url:'$PORTLET.getResourceURL("jsonservlet?action=application_list")',
datatype: 'json',
mtype: 'GET',
colNames:['id','Name', 'Programme','Modify Date','Submit'],
colModel :[
{name:'id', index:'id', width:30},
{name:'Name', index:'last_name', width:150},
{name:'Programme', index:'programme', width:300},
{name:'Modify Date', index:'modify_date', width:80, align:"center"},
{name:'Submit', index:'submit_application', width:50, align:"center"}],
pager: jQuery('#appPager'),
shrinkToFit: true,
autowidth: true,
height: "100%",
rowNum:20,
rowList:[20,40,60],
sortname: 'last_name',
sortorder: "ASC",
viewrecords: true,
imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/themes/basic/images',
caption: 'Applications'
});
jQuery("#cemsUniList").jqGrid({
url:'$PORTLET.getResourceURL("jsonservlet?action=cems_uni_list")',
datatype: 'json',
mtype: 'GET',
colNames:['id','University', 'Country'],
colModel :[
{name:'id', index:'id', width:30},
{name:'University', index:'university', width:300},
{name:'Country', index:'country', width:300}],
pager: jQuery('#cemsUniPager'),
shrinkToFit: true,
autowidth: true,
height: "100%",
rowNum:20,
rowList:[20,40,60],
sortname: 'university',
sortorder: "ASC",
viewrecords: true,
imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/themes/basic/images',
caption: 'CEMS Universities'
});
});
</script>
<div id="uni_tabs">
<ul>
<li><a onclick="return false;" href="#applications">Applications</a></li>
<li><a onclick="return false;" href="#cems_uni">CEMS Universities</a></li>
</ul>
<div id="applications">
<table id="appList" class="scroll"></table>
<div id="appPager" class="scroll" style="text-align:center;"></div>
</div>
<div id="cems_uni">
<table id="cemsUniList" class="scroll"></table>
<div id="cemsUniPager" class="scroll" style="text-align:center;"></div> </div>
</div>
01:28
Anyone, am I doing something wrong, or is there a jgrid bug somewhere?
07:06
Moderators
30/10/2007
Offline
Hello,
Testing yo+ur code, for me everthing work ok. Check your server response for the second grid. Also I tested with no data on second grid And the page is displayed correct in FF.
Regards
Tony
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.
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
