taotao365s/jquery-ui-tabs-paging

Automatically exported from code.google.com/p/jquery-ui-tabs-paging

jquery-ui-tabs-paging

• tabs分页 Automatically exported from code.google.com/p/jquery-ui-tabs-paging

jquery-ui-tabs-paging's Issues

re-size twice for tab paging to show up

What steps will reproduce the problem?
1. when I load the page next and previous button show-up. Which is not expected 
behavior
2. When I re-size the window, I need to re-size again for the next and previous 
to show-up(Paging of tabs).
3. Same happens for increase or decrease the window size

What is the expected output? What do you see instead?
A: When I decrease the size, I expect to get paging of tabs

What version of the product are you using? On what operating system?
A: v1.2.2 with jQuery UI - v1.9.0 and jQuery v1.7.2

Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 26 Apr 2013 at 1:26

"Next" and "Previous" buttons dont display when you add new tabs

What steps will reproduce the problem?
1. In "Example - 4" (http://www.seyfertdesign.com/jquery/examples.html),
remove all tabs keeping the first 15 tabs.  
2. Now, keep clicking the "Add" button to add 5 new tabs
3. Paging is not initialized and the tabs are displayed in a non-page mode

What is the expected output? What do you see instead?
Since the pagination of the tabs are initialized already, adding new tabs
should retain that functionality.

I am working on a project and intend to use your fantastic library.  Please
let me know if there is a fix for this problem.

Thanks,
Magesh

Original issue reported on code.google.com by [email protected] on 13 Dec 2008 at 12:02

$.browser has been removed in 1.9

Get the error : $.browser is undefined

Original issue reported on code.google.com by [email protected] on 24 Jan 2013 at 11:24

Jquery UI Version being used

What version of the Jquery UI tabs are you using? Is any work being done 
to bring it up to a more recent version?

Original issue reported on code.google.com by [email protected] on 15 Jul 2009 at 9:48

followOnSelect not working when tab is selected by id

What steps will reproduce the problem?
1. Open enough tabs to cause them to scroll to a second page.
2. Select a tab that is hidden on the first page in javascript via the panel id 
(not the tab index, as the paging script assumes).

What is the expected output? What do you see instead?
The selected tab should be scrolled into view. However, the new tab is selected 
but not scrolled into view in the tab strip.

What version of the product are you using? On what operating system?


Please provide any additional information below.
See the example of selecting a tab by id here:
http://jqueryui.com/demos/tabs/#...immediately_select_a_just_added_tab
The paging script assumes a tab is selected by index, however jquery tabs ui 
allows tabs to be selected by panel id (the id of the div for that tab), which 
breaks the followOnSelect feature.

BTW, thanks for the useful paging features!

Original issue reported on code.google.com by [email protected] on 14 Sep 2011 at 5:23

self.lis undefined - Possible JQuery UI 1.9.0 compatibility problem

self.lis is undefined: the extension causes an exception and does not work with 
latest JQuery UI version (1.9.0).

Original issue reported on code.google.com by [email protected] on 18 Oct 2012 at 3:03

Flicking after adding new tab and going to "next page"

What steps will reproduce the problem?
1. Add several tabs to make the new page link so up
2. Click the next page link

What is the expected output? What do you see instead?
No flickering

What version of the product are you using? On what operating system?
jquery 1.10.2
jquery ui 1.10.3

Please provide any additional information below.
Willing do demo it via join.me or teamviewer.

Original issue reported on code.google.com by [email protected] on 2 Nov 2013 at 7:32

Option active does not return tab index as original

What steps will reproduce the problem?
1. calling .tabs('option', 'active') on tabs
2.
3.

What is the expected output? What do you see instead?
Expected: tabIndex integer
What I get: tabs object

What version of the product are you using? On what operating system?
v1.2 - Windows 7

Please provide any additional information below.
Need to know how to get the tab index and reference to the active object

Original issue reported on code.google.com by [email protected] on 14 Dec 2012 at 8:04

After some number of added tabs the plugin crashes

after adding many tabs the plugin crashes.

I'm using some plugins to enhance the tables inside the panels in my app.

I don't know why but when i add the 3rd tab int the 2nd page the plugin doesn't 
activates the last added tab and that makes that the table plugin crashes.

This is some of my code.

function addSearchResult(title, content) {
        id = "tabs-" + tabId.toUpperCase(),
        li="<li><a href='#"+id+"'>"+title.toUpperCase()+"</a><span class='ui-icon ui-icon-close'></span></li>";

        tabs.find( ".ui-tabs-nav" ).append( li );
        tabs.append( "<div id='" + id + "'>" + content + "</div>" );

        tabs.tabs( "refresh" );
        $('#modal').trigger('close');
        tabs.tabs('option','active', $('#'+id).index()-1);
        indexTab++;

        $(".activo").find('.tablaQuotes, .tablaCuatro, .tablaCinco, .tablaSeis').dataTable({
            "aaSorting": [[1,'desc']]
        });
        $(".activo").find('.other').find('.tabui').dataTable({
            "aaSorting": [[2,'desc']],
            "iDisplayLength": 5
        });

        $(".activo").find('.gal').carouFredSel({
            circular:false,
            infinite:false
        });

        $(".activo").find(".grupo").colorbox({
            rel:'pt-'+tabId, transition:"none", width:"75%", height:"75%",
            onComplete:function(){
                $('#cboxLoadedContent').zoom();
            }
        });
    }


AND THIS IS THE CODE FOR THE TABS

var tabs = $( "#tabs" ).tabs({
        beforeActivate: function( event, ui ){
        },
        create: function( event, ui ){
        },
        activate: function( event, ui ){
            $('div').removeClass('activo');
            ui.newPanel.addClass('activo');
        }
    });


$( "#tabs" ).tabs('paging');

Original issue reported on code.google.com by rickardoberdejo on 28 Dec 2012 at 2:31

outerWidth correction.

The plugin does not seem to work with the latest version of jQuery and jQuery 
UI.

I replaced outerWidth({ margin: true }) with outerWidth(true), now it works 
fine.

Original issue reported on code.google.com by [email protected] on 19 Oct 2012 at 9:08

几个小问题

• body没有滚动条时，panel加载后有滚动条最后的tab会掉下来 把滚动条距离加上去
• resize时tab没有自动伸缩功能 加一个参数，控制一下

Close button inside of each tab

A way to close the tab, maybe a button [X] inside of each tab page..


| My tab header text [X] | other tab no closable | other closable [X]


What do you think ?

Original issue reported on code.google.com by [email protected] on 6 Dec 2009 at 7:38

Tabs cannot reinit on a div resize the way they can on a window resize

This library is very smart about handling window resizes by binding the 
handleResize method to the window resize event.

However, I have a div which is resizable with the jQuery ui resizeable plugin 
(http://jqueryui.com/demos/resizable/) and I'd like to be able to make the tabs 
in that div lay themselves out again in the sameway.  Unfortunately, I cannot 
call into the proper functions because they're located in a closure.

My solution was to patch this library to expose a "pagingResize" action 
alongside the "pagingDestroy" function which is already exposed.  This allows 
me to manually call $("#mytabs").tabs("pagingResize") anytime the div resizing 
event triggers, similar to how window resizing is already handled.

I've attached my one-line-of-code patch for your consideration.  Thanks so much 
for this great plugin!

Original issue reported on code.google.com by eli.courtwright on 8 Mar 2011 at 3:40

Attachments:

• expose-reinit.patch

problems with ui.tabs.options do not work

What steps will reproduce the problem?
1. if you call options functions return an object and not the return value of 
functions.

this issues can be fixed width this

                self.option = function(optionName, value) {
                        var rtval = uiTabsFuncs.option.apply(this, [optionName, value]);
                        // if "followOnActive" is true, then move page when selection changes
                        if (optionName == "active")
                        {
                                // if paging is not initialized or it is not configured to 
                                // change pages when a new tab is active, then do nothing
                                if (!initialized || !opts.followOnActive)
                                        return rtval;

                                // find the new page based on index of the active tab
                                for (var i in pages) {
                                        var start = pages[i].start;
                                        var end = pages[i].end;
                                        if (value >= start && value < end) {
                                                // if the the active tab is not within the currentPage of tabs, then change pages
                                                if (i != currentPage) {
                                                        this.tabs.hide().slice(start, end).show();

                                                        currentPage = parseInt(i);
                                                        if (currentPage == 0) {
                                                                enableButton('next');
                                                                if (!opts.cycle && start <= 0) disableButton('prev');
                                                        } else {
                                                                enableButton('prev');
                                                                if (!opts.cycle && end >= this.tabs.length) disableButton('next');
                                                        }
                                                }
                                                break;
                                        }
                                }
                        }
                        return rtval;
                }

Original issue reported on code.google.com by fofware on 25 Apr 2013 at 12:52

this plug-in is not working with dynamically created tabs

What steps will reproduce the problem?
1. Create tabs dynamically.
   ex.

     $.each(jsonData, function (i, elem) {
                    $("<li><a href='#" + elem.AttributeId + "'>" + elem.AttributeName + "</a></li>").appendTo(ul);
                    $("<div id='" + elem.AttributeId + "'></div>").appendTo(tabs);
                });    
2. add paginations
    tabs.tabs('paging', { cycle: true, nextButton: 'next &gt;', prevButton: '&lt; prev' });

3.

What is the expected output? What do you see instead?
all tabs to be aligned in one line and add paging functionality. But i got 
exception at 

 function destroy() {
                // remove buttons
                $('.ui-tabs-paging-next', self.element).remove();
                $('.ui-tabs-paging-prev', self.element).remove();

                // show all tabs
                self.tabs.show(); -- Here is error ( tabs is undefined ).

                initialized = false;

                $(window).unbind('resize', handleResize);
            }


What version of the product are you using? On what operating system?

I am using latest version.


Please provide any additional information below.

Original issue reported on code.google.com by [email protected] on 27 Dec 2013 at 7:56

Slide Header tabs

Slide efects on the header tabs like ExtJs.

http://www.extjs.com/deploy/dev/examples/tabs/tabs-adv.html


Thanks

Original issue reported on code.google.com by [email protected] on 30 Oct 2009 at 5:49

Moving one tab at a time??

How do you move from tab to tab one at a time, instead of blocks of tabs at 
time and displaying it's respective content?

Original issue reported on code.google.com by [email protected] on 9 Oct 2012 at 4:07

Where to find code for ui.core.js & ui.tabs.js

Can you please tell me where to find these two files

Original issue reported on code.google.com by [email protected] on 7 Jul 2009 at 12:52

Using rotate and paging - rotate doesn't change to the correct page of tabs

What steps will reproduce the problem?
1. Set $(#example1").tabs('rotate', 10000)

What is the expected output? What do you see instead?

When the rotate is used with the paging when the rotate gets to a tab on
page 2 it still shows the page 1 tabs. When it gets to a tab on page 2 it
should change the list of tabs

Original issue reported on code.google.com by [email protected] on 24 Nov 2009 at 12:39

Cycle false not working when going to the right

What steps will reproduce the problem?
1. Set Cycle to False
2. Keep hitting right arrow
3.

What is the expected output? What do you see instead?
Should stop on last page. Got cycling

What version of the product are you using? On what operating system?


Please provide any additional information below.

changed function page(direction) 


if ((direction == 'prev' && currentPage < 0 && opts.cycle) || (direction ==
'next' && currentPage >= pages.length && !opts.cycle))
                currentPage = pages.length - 1;
            else if ((direction == 'prev' && currentPage < 0) || 
                     (direction == 'next' && currentPage >= pages.length && opts.cycle))
                currentPage = 0;


there was an error in your logic. that is the fix.

Original issue reported on code.google.com by [email protected] on 12 Nov 2009 at 9:16