Problem with Tablesorter.js in updatepanel with conditional postback. RSS

• • Reply
  satyajeet

  Member

  4 Points

  39 Posts

  Problem with Tablesorter.js in updatepanel with conditional postback.

  Sep 11, 2014 04:21 AM|satyajeet|LINK

  Hello Experts,

  I have 2 updatepanels with conditional postbacks.

  One for adding entry and one for the gridview to display the entry.Tablesorter plugin is applied to the gridview.

  The problem is the tablesorter does not work when i postback.

  The overcome this i used the following code.

  
  var currentSortDirection = 1;      
  var currentSortField = 1;
     $(document).ready(function () { 
  
        //Sys.Application.add_load(pageLoad);          
     $("#ctl00_ContentPlaceHolder1_gview").tablesorter({    
               headers: {                    
   0: { sorter: false },                    
   8: { sorter: false },                     
  9: { sorter: false },                     
  10: { sorter: false },                    
   11: { sorter: false },                    
   12: { sorter: false },                    
   14: { sorter: false }                
   },                
   sortList: [[currentSortField, currentSortDirection]],                
   widgets: ["zebra"]           
    });       
    });
  
  
  

  function pageLoad() {
              //alert("asdsaD");
   
              
              if ($("#ContentPlaceHolder1_hidcurrentSortField").val() != "" && $("#ContentPlaceHolder1_hidcurrentSortDirection").val() != "") {
   
                  currentSortField = $("#ContentPlaceHolder1_hidcurrentSortField").val();
                  currentSortDirection = $("#ContentPlaceHolder1_hidcurrentSortDirection").val();
              }
             
   
              $("#ctl00_ContentPlaceHolder1_gview").bind("sortEnd", function (sorter) {
   
                  sorterDetails = sorter.target.config.sortList[0];
                  //alert(sorterDetails);
                  currentSortField = sorterDetails[0];
                  currentSortDirection = sorterDetails[1];
                  $("#ContentPlaceHolder1_hidcurrentSortField").val(currentSortField);
                  $("#ContentPlaceHolder1_hidcurrentSortDirection").val(currentSortDirection);
              });
          }
  Now it does work.
  But when i use autocompletextender or when i save the entry it again vanishes.
  Plz help.