taotao365s / jquery-ui-tabs-paging Goto Github PK
View Code? Open in Web Editor NEWAutomatically exported from code.google.com/p/jquery-ui-tabs-paging
Automatically exported from code.google.com/p/jquery-ui-tabs-paging
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 >', prevButton: '< 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
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:
把滚动条距离加上去
加一个参数,控制一下
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
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
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
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
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
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
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
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
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
Get the error : $.browser is undefined
Original issue reported on code.google.com by [email protected]
on 24 Jan 2013 at 11:24
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
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
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
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
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
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
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.