jquery ui - jqueryui Tabs with Tablesorter -


i'm using jquery ui tabs tablesorter 2.0 plugin obtain sort abilities on dynamically populated html table sort happens on first tab upon page load. other tabs not sort or obtain zebra striping form tablesorter.

html:

<div id="tabs">    <ul>       <li><a href="ftp-type.aspx?type=ftponly">ftp only</a></li>       <li><a href="ftp-type.aspx?type=billing only">billing only</a></li>       <li><a href="ftp-type.aspx?type=variance">variance</a></li>       <li><a href="ftp-type.aspx?type=adjust">adj only</a></li>    </ul> </div>

i've tried:

$('#tabs').tabs({       ajaxoptions: {cache: false},       load: function()        {           $("#reporttable").tablesorter();       } });

any suggestions appreciated.

the zebra widget applies visible rows, you'll need trigger applywidgets method. , i'm going assume using jquery ui 1.10.2 , jquery 2.0, can use activate callback (demo):

$("#tabs").tabs({     activate: function (event, ui) {         var $t = ui.newpanel.find('table');         // make sure there table in tab         if ($t.length) {             if ($t[0].config) {                 // update zebra widget                 $t.trigger('applywidgets');             } else {                 // initialize tablesorter                 $t.tablesorter({                     theme: 'blue',                     widgets: ["zebra"]                 });             }         }     } });

update: oops, if table in first tab, use code (demo):

var tablesorteroptions = {     theme: 'blue',     widgets: ["zebra"] };  $("#tabs").tabs({     create: function (event, ui) {         var $t = ui.panel.find('table');         if ($t.length) {             $t.tablesorter(tablesorteroptions);         }     },     activate: function (event, ui) {         var $t = ui.newpanel.find('table');         if ($t.length) {             if ($t[0].config) {                 $t.trigger('applywidgets');             } else {                 $t.tablesorter(tablesorteroptions);             }         }     } });

Comments

Post a Comment

Popular posts from this blog

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

complete newbie here python started learning language few days ago (with no programming experience beforehand). i'm bashing skull against desk here, trying create 1 menu button lead menu, supposed replace/hide/destroy previous menu (either works, long process can reversed). what i've come far: import wx class mainframe(wx.frame): def __init__(self): wx.frame.__init__(self, none) self.centre() self.main_menu = mainmenu(self) self.intro_screen = introscreen(self) self.intro_screen.hide() class mainmenu(wx.frame): def __init__(self, parent): wx.frame.__init__(self, parent=parent) self.main_menu = mainmenu panel = wx.panel(self) sizer = wx.boxsizer(wx.vertical) nextscreen = wx.button(panel, label='next screen', size=(150,30)) nextscreen.bind(wx.evt_button, self.nextscreen) sizer.add(nextscreen, 0, wx.center|wx.all, 5) self.show() self.c...
Read more

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

this first assignment of file sharing. need share files our website above mentioned locations. currently, have been exploring each service’s api file sharing. question 1 : there javascript code snippet available (like addthis.com ) share files? question 2 : should use server side coding file sharing or javascript advisable? thanks viewers. found useful plug-in named "ink file picker". saves given http file resource directly users online storage engine. url: https://developers.inkfilepicker.com/docs/web/ live example: http://ctrlq.org/save/
Read more

Android Gson.fromJson error -

i've completed tutorial how connect json url , parse content using gson library. code works fine url specified in tutorial, tryed modify work this url . tryed display 1 field second ulr, base field, can't work. here code, please help: public class jsonparsingactivity extends activity { string url = "http://api.openweathermap.org/data/2.5/weather?q=london,uk"; @override public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); inputstream source = retrievestream(url); gson gson = new gson();// main gson class reader reader = new inputstreamreader(source); searchresponse response = gson.fromjson(reader, searchresponse.class); //gson.fromjson(string, class) toast.maketext(this, response.base, toast.length_short).show(); } private inputstream retrievestream(string url) { defaulthttpclient client = new defaulthttpclient(); httpget getrequest = new httpget(url);...
Read more