%05 %384 %2013 %16:%八 %PM

在组件中使用JHtmlTabs类

作者
给本项目评分
(0 得票数)

有时候我们需要实现一下特殊的显示效果,比喻用tab标签栏的方式来展示内容。joomla已经为我们想到了,我们只需要使用JHtmlTabs类,就可以轻松完成。

导入jHtmlTabs类的实现文件

jimport('joomla.html.html.tabs');

请注意:

当我们成功导入了jHtmlTabs类,这个类也不会正常工作,这是因为这个类被设计成了不能直接调用。下面举一个例子来说明该怎样使用这个类

给JHtmlTabs类的选项(options for  JHtmlTabs)

onActive:当标签被激活时调用的回调函数,这个函数具有两个参数,一个参数是标签的参数,另一个参数是标签的内容。

onBackground: A callback function when a tab is backgrounded(这句话不知道该怎么翻译).

                       当标签没有激活时执行的函数。

startOffset:默认被激活的选项的索引。从0开始。

useCookie:是否使用cookie去储存标签激活状态。填true或者false.注意 不要用引号。因为这不是字符串。

实例:

$options = array(

  'onActive'=>'function(title,description){

  description.setStyle("display","block");

  title.addClass("open").removeClass("closed");

}',

'onBackground'=>'function(title,description){

 description.setStyle("display","none");

title.addClass("closed").removeClass("open");

}',

 'startOffset'=>0,

'useCookie'=>true;

);

echo JHtml::_('tabs.start','tab_ground_id',$options);

echo JHtml::_('tabs.panel',JText::_('PANEL_1_TITLE'),'panel_1_id');

echo "panel 1 content can go here";

echo JHTML::_('tabs.panels',JText::_('PANEL_2_TITLE'),'panel_2_id');

echo "panel 2 content can go here";

echo JHtml::_('tabs.end');

 

 

 

阅读 3599 次数 最后修改于 %18 %228 %2014 %12:%七 %PM