jQuery Grid Plugin - jqGrid - Topic: TableToGrid help

chiragvels on TableToGrid help

Thu, 26 Aug 2010 12:05:04 +0300

Hello Robert,

It seems that tableToGrid is not working properly.

When i load data first time it is working fine it is getting all data(76 records) correctly.But when i sorting data by clicking th part it is only get the 20 records every time.

i am using

$(document).ready(function(){
tableToGrid("#myTable");
});

thanks,

Robert on TableToGrid help

Tue, 04 Nov 2008 16:49:38 +0200

Thanks, gmeader. I'll try that as soon as I get jqGrid working.

@Yamil:

My django media is at “/media/”, and it is finding the main file at “/media/js/jquery.jqGrid.js”. I have set the pathstojsfiles as “media/js/js/”, and it is attempting to find the other required files at the correct place (for example, “media/js/js/grid.base.js”, which is where the file is), but Django is reporting file not found at “media/js/js/grid.base.js/”

Notice the trailing slash on the grid.base.js import. That's almost certainly what's screwing it up, correct? I've done some Googling, but I'm not seeing many pages relating jqGrid and Django. Any idea why that slash is in there?

EDIT:

I have imported each file individually, and it does seem to work now. I'll go about trying to learn the options to get it looking a bit nicer. Thanks to all for their help.

YamilBracho on TableToGrid help

Tue, 04 Nov 2008 13:28:45 +0200

Robert, check the pathtojsfiles var in your jQuery.jqGrid.js file

gmeader on TableToGrid help

Tue, 04 Nov 2008 13:09:47 +0200

Here's a simple example:

<HTML>

<head>
<link rel="stylesheet" type="text/css" media="screen" href="/jquery/jqGrid/themes/sand/grid.css" />
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript" src="/jquery/jqGrid/jquery.jqGrid.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
tableToGrid("#distTable");
});
</script>

</head>
<body>
<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>
</body>
</html>

Robert on TableToGrid help

Tue, 04 Nov 2008 12:55:10 +0200

Yes, thank you, Yamil.

It turns out I posted for help too soon, as I often do. 🙁

I have been inspecting my page with FireBug, and it looks like the proper javascript libraries are not being loaded. FireBug says it has loaded jquery.jqGrid.js, but has not loaded grid.base.js or any of the other dependencies. It is looking at media/js/js/grid.base.js, and that's exactly where the file is, but for some reason it isn't loading it. Any thoughts as to why that might be?

Kind regards,

Robert

Robert on TableToGrid help

Tue, 04 Nov 2008 12:54:32 +0200

Yes, thank you, Yamil.

It turns out I posted for help too soon, as I often do. 🙁

Kind regards,

Robert

YamilBracho on TableToGrid help

Tue, 04 Nov 2008 12:31:13 +0200

According the docs, you only need to give your HTML table an id or a "selector (a class attribute), say:

<table class="mytable"> (or <table id="mytable">)

I think you have to write :

$(document).ready( function() {
   tableToGrid("#mytable");
});

HTH

Robert on TableToGrid help

Tue, 04 Nov 2008 11:25:30 +0200

I have an html table I'm generating with Django. I would like to then

display it as a jqGrid. However, I (being very new to javascript in general

and jQuery/jqGrid in specific) can't seem to get the TableToGrid to

fire from the $(document).ready(function). If anyone could point me

to a solution, it would be much appreciated.

Kind regards,

Robert