tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 14:05:37 +02:00
Code Issues Projects Releases Wiki Activity

ENHANCEMENT Using "concrete" jQuery plugin for SilverStripe tabset

Browse Source 
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@92485 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Ingo Schommer 2009-11-21 02:22:52 +00:00
parent 7856df5f37
commit 32ada0f0af
2 changed files with 47 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
forms/TabSet.php
View File

@ -59,6 +59,14 @@ class TabSet extends CompositeField {
Requirements::css(THIRDPARTY_DIR . '/jquery/themes/smoothness/ui.all.css'); Requirements::css(THIRDPARTY_DIR . '/jquery/themes/smoothness/ui.all.css');
Requirements::css(THIRDPARTY_DIR . '/jquery/themes/smoothness/ui.tabs.css'); Requirements::css(THIRDPARTY_DIR . '/jquery/themes/smoothness/ui.tabs.css');
// concrete
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.class.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.selector.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.selector.specifity.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.selector.matches.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.dat.js');
Requirements::javascript(THIRDPARTY_DIR . '/jquery/plugins/concrete/jquery.concrete.js');
Requirements::javascript(SAPPHIRE_DIR . '/javascript/TabSet.js'); Requirements::javascript(SAPPHIRE_DIR . '/javascript/TabSet.js');
return $this->renderWith("TabSetFieldHolder"); return $this->renderWith("TabSetFieldHolder");

50
javascript/TabSet.js
View File

@ -1,18 +1,42 @@
jQuery(document).ready(function () { (function($){
/** /**
* Replace prefixes for all hashlinks in tabs. * Lightweight wrapper around jQuery UI tabs.
* SSViewer rewrites them from "#Root_MyTab" to * Ensures that anchor links are set properly,
* e.g. "/admin/#Root_MyTab" which makes them * and any nested tabs are scrolled if they have
* unusable for jQuery UI. * their height explicitly set. This is important
* for forms inside the CMS layout.
*/ */
jQuery('.ss-tabset > ul a').each(function() { $('.ss-tabset').concrete({
var href = jQuery(this).attr('href').replace(/.*(#.*)/, '$1'); onmatch: function() {
jQuery(this).attr('href', href); this.rewriteHashlinks();
})
// Initialize tabset // Initialize jQuery UI tabs
jQuery('.ss-tabset').tabs(); this.tabs();
},
// if tab has no nested tabs, set overflow to auto /**
jQuery('.ss-tabset .tab').not(':has(.tab)').css('overflow', 'auto'); * Replace prefixes for all hashlinks in tabs.
* SSViewer rewrites them from "#Root_MyTab" to
* e.g. "/admin/#Root_MyTab" which makes them
* unusable for jQuery UI.
*/
rewriteHashlinks: function() {
$(this).find('ul a').each(function() {
var href = $(this).attr('href').replace(/.*(#.*)/, '$1');
if(href) $(this).attr('href', href);
})
},
/**
* If tab has no nested tabs, set overflow to auto
*/
setOverflows: function() {
$(this).find('.tab').not(':has(.tab)').css('overflow', 'auto');
}
});
})(jQuery);
jQuery(document).ready(function() {
// @todo remove
jQuery.concrete.triggerMatching();
}); });