Joomla!-开源天空

如何在管理后台中实现下图所示的标签页面效果？

我们看到不少后台管理组件中都用到了这样的技术。

实际上Joomla!的 media/system/tabs.js 已经实现了标签效果，是基于mootools的js脚本，当然可以在你的模板文件中引用并添加一些其他的代码，当然可以实现，但是Joomla!帮我们做了更多的封装，那就是在libraries/joomla/html/pane.php中JPane,JPaneTabs。使用的时候，通常我们需要修改两个文件：

一是组件后台的视图文件 view.html.php中需要增加：

jimport( 'joomla.html.pane');
$pane =& JPane::getInstance();
$this->assign('pane', $pane);  

这三行代码实际上生成了一个JPaneTabs的对象，并引用方式传递给了模板。

接下来就要修改模板文件 default.php，我们的示例代码如下：

<?php echo $this->pane->startPane( 'test-pane'); ?>
 <?php echo $this->pane->startPanel('panel1', 'panel1' ); ?>
 panel111111111111111111
 <?php echo $this->pane->endPanel(); ?>
 <?php echo $this->pane->startPanel('panel2', 'panel2' ); ?>
 panel222222222222222222
 <?php echo $this->pane->endPanel(); ?>
<?php echo $this->pane->endPane(); ?>

这样就简单完成了标签页效果，你的实际内容要替换掉 panel1111111111，以及panel2222222222222