sorry, in essence no, but only that it is regarding the tablesorter plugin.
sorry.
but i can help you if you want. if you are completely rebuilding the table,
i.e. container-div.empty() and are reinserting the table from your ajax call,
then you should be all right calling tablesorter() again.
if not, and instead you are ADDING to the table, then there may be remnants of
the previous tablesorter call that are getting in the way.
tablesorter seems to be pretty fast, so i would say lean towards rebuilding the
table completely, or...
add new tables with the new data seamlessly below the existing ones and call
tablesorter on those after they are loaded.
----- Original Message ----
From: Olive <[EMAIL PROTECTED]>
To: jQuery (English) <jquery-en@googlegroups.com>
Sent: Wednesday, April 25, 2007 2:32:49 AM
Subject: [jQuery] Re: tableSorter and ajaxSubmit issue
Ariel,
am I missing something?
Is it related to my question somehow ?
On 25 avr, 11:27, Ariel Jakobovits <[EMAIL PROTECTED]> wrote:
> um, is the date formatting in the last example for the tablesorter plugin
> working correctly?
>
> iso date: 2002/10/14
> uk short date: 12/10/2001
> us long date: Dec 10, 2002 5:14 AM
>
> the years don't even match
>
> ----- Original Message ----
> From: Olive <[EMAIL PROTECTED]>
> To: jQuery (English) <jquery-en@googlegroups.com>
> Sent: Wednesday, April 25, 2007 1:57:37 AM
> Subject: [jQuery] tableSorter and ajaxSubmit issue
>
> Hello,
>
> My problem so far is to use it in conjunction with an ajaxSubmit
> (jquery.form plug-in) which build the table on the fly.
>
> Where and when do I need to fire tableSorter in the process ?
>
> The closer I have been is in the code below
> by firing tableSorter twice: once before building the table and once
> after.
> But sorting the table by any column is working only the first time.
> Subsequent requests result in a table which is sortable on firdt
> column only.
>
> Any Idea ?
>
> Thank you and have a good day,
>
> Olivier.
>
> ### CODE START ###
> <html>
>
> <head>
> <title>WIPOSoft</title>
> <link rel="stylesheet" type="text/css" href="/wiposoft/media/css/
> changelists.css" />
> <script type="text/javascript" src="/wiposoft/site_media/js/
> jquery.js"></script>
> <script type="text/javascript" src="/wiposoft/site_media/js/
> jquery.tablesorter.js"></script>
> <script type="text/javascript" src="/wiposoft/site_media/js/
> jquery.form.js"></script>
>
> <script>
>
> function sortTable() {
> $('#simple-init-sort').tableSorter({
> sortColumn: 'name',
> sortClassAsc: 'sorted ascending',
> sortClassDesc: 'sorted descending',
> stripingRowClass: ['row1','row2']
> });
> };
>
> /*$(document).ready(function() {
> * sortTable();
> *});
> */
>
> function showReport()
> {
> var options = {
> beforeSubmit: sortTable(),
> dataType: "json",
> success: function(json){
> $('#applReport').empty();
> $.each(json,
> function(i) {
> if (this.content != 'none')
> {
> $('#applReport').append('<tr><td>'+this.name+'</
> td><td>'+this.nds_distrib+'</td><td>'+this.business_unit+'</td></
> tr>');
> }
> }
> );
> sortTable();
> }
> };
> $('#reportForm').ajaxSubmit(options);
> };
>
> </script>
> </head>
>
> <body class="change-list">
> <div id="container">
> <div id="content" class="flex">
>
> <form id="reportForm" method="post" action="/wiposoft/
> ApplicationReport/" onsubmit="showReport();return false;">
> <table>
> <tr><th><label for="id_nds_distrib">NAL distrib:</label></
> th><td><select name="nds_distrib" id="id_nds_distrib">
> <option value="1" selected="selected">Unknown</option>
> <option value="2">Yes</option>
> <option value="3">No</option>
> </select></td></tr>
> <tr><th><label for="id_business_unit">Business unit:</label></
> th><td><select name="business_unit" id="id_business_unit">
> <option value="0">- All -</option>
> <option value="16">CIO's Office</option>
> <option value="17">CIO's Office Team</option>
> </select></td></tr>
> </table>
> <input type="submit" name="applReport" value="Show"/>
> </form>
>
> <table cellspacing="0" id="simple-init-sort">
> <thead><tr>
> <th>Name</th>
> <th>NAL distrib</th>
> <th>Business Unit</th>
> </tr></thead>
> <tbody id="applReport">
> </tbody>
> </table>
> </div>
> </div>
> </body>
> </html>
