Forum
Log In
Home
Topic RSS
12:17
08/12/2010
Offline
Hello everybody,
I have discover jqgrid since few time and it is very good plugin.
I'm an intensive user of SAS and so I have a question for the jqgrid user.
With SAS i have tried to produce html files with a tabs presentation using jqueryUI. So, i have try to use the plugin tableToGrid. it works fine without tabs, but with the use of tabs from jqueryUI, nothnig happened, no table from output using Firefox and IE6.
I have simplyfied an exemple see on this forum. Have you got some explaination ?
Many thanks fro your help.
The code :
<HTML>
<head>
<title>Menu Principal</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Cascading Style Sheets -->
<link type="text/css" rel="stylesheet" media="screen" href="css/eggplant/jquery-ui-1.8.6.custom.css" />
<link type="text/css" rel="stylesheet" media="screen" href="css/ui.jqgrid.css" />
<link type="text/css" rel="stylesheet" media="screen" href="css/global.css" />
<!-- Javascript -->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="js/i18n/grid.locale-fr.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$( "#tabs" ).tabs();
tableToGrid("#distTable");
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Onglet 1</a></li>
<li><a href="#tabs-2">Onglet 2</a></li>
<li><a href="#tabs-3">Onglet 3</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a.</p>
</div>
<div id="tabs-2">
<table id="distTable" cellspacing="0" cellpadding="1" border="1">
<thead>
<tr>
<th>Name</th>
<th>Platform</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chatter</td>
<td>PC</td>
<td>123</td>
</tr>
<tr>
<td>Boing</td>
<td>PC</td>
<td>456</td>
</tr>
<tr>
<td>Zipper</td>
<td>Mac</td>
<td>789</td>
</tr>
<tr>
<td>PingPong</td>
<td>Mac</td>
<td>24</td>
</tr>
</tbody>
</table>
</div>
<div id="tabs-3">
<p>Proin elit arcu, rutrum commodo, vehicula.</p>
</div>
</div>
</body>
</html>
Regards Sammy.
Most Users Ever Online: 715
Currently Online:
56 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
