Question

jQuery UI Tabs - Content via Ajax 显示了Ajax标签的外观：

<li><a href="ajax/content1.html">Tab 1</a></li>
<li><a href="ajax/content2.html">Tab 2</a></li>

但是这个Yii示例代码用于一个Ajax和一个静态选项卡：

class ROrganizationTabs extends CJuiTabs {
    public $tabs = array(
        'Statistics'=>'content',
        'Main Data' => 
        array('ajax'=>array('user/dashboard.loadone','id'=>1)),
    );
}

这给了我这样的HTML代码：

<li class=""><a href="#yw12_tab_0" title="#yw12_tab_0">Statistics</a></li>
<li class=""><a href="#yw12_tab_1" title="#yw12_tab_1">Main Data</a></li>

两者都是静态的，而不是Ajax。

我在页面代码（HTML和JavaScript）中找不到Yii为Ajax选项卡放置Ajax URL。它在哪里？

Answer 1

据我所知，我会说jQuery插件可以处理Ajax和URL。如果没有详细查看那里的JavaScript代码，插件的手册页会说明：

标签支持通过加载标签内容   Ajax以一种不引人注目的方式。

您需要的HTML略有不同   与使用的不同   对于静态选项卡：链接列表   指向现有资源（来自   内容加载的地方）和没有   额外的容器   （不显眼的！）。容器的标记   将在飞行中创建：[...]

http://jqueryui.com/demos/tabs/#Ajax_mode

完整的标签行为只包含在这一行

中

jQuery('#yw0').tabs({'collapsible':true});

看看Yii游乐场示例：http://www.yiiplayground.cubedwater.com/index.php?r=UiModule/jui/ziiTab

Yii CJuiTabs选项 - 它们如何运作？

1 个答案: