关于使用框架中默认的导航,

在网上搜了很久,都没有一个比较全面的解释,

想了想,就研究研究源码自己总结一个算了:

一、在main.php页面布局中,倒入使用导航面包屑widget:CBreadcrumbs

<? $this->widget('zii.widgets.CBreadcrumbs', array(
    //导航最外层标签名,默认div
    //'tagName'=>'div',
    //导航最外层div中的html
    'htmlOptions'=>['id'=>'location'],
    //修改第一项:首页首页按钮的显示
    'homeLink'=>"<img src='".assWeb()."img/prod/tit_bl01.jpg' alt='' >",
    //homeLink是否显示纯string,默认为ture
    'encodeLabel'=>false,
    //homeLink的url
    'homeUrl'=>'/',
    //相连字符
    'separator'=>' &gt; ',
    //导航具体内容,设置在分页面上
    'links'=>$this->breadcrumbs,
)); ?>    

二、在子页面,比如需要的view中,设置具体内容

<?
$this->breadcrumbs=array(
    '科学体验馆'=>$this->createUrl('museum/index'),
    '展馆介绍',
);
?>

完成。


 

这样就达到了目前我的要求,生成结果如下:

<div id="location">
    <a href="/"><img src="/assets/web/img/prod/tit_bl01.jpg" alt=""></a> 
    &gt; 
    <a href="/museum/index">科学体验馆</a> 
    &gt; 
    <span>展馆介绍</span>
</div>

其中,具体配置项目在第一点上设置即可,

需要注意的是,home相关设置,如果只设置homeUrl的话,

默认会这样:

<div class="breadcrumbs">
    <a href="/">Home</a> 
    » 
    <a href="/museum/index">科学体验馆</a> 
    » 
    <span>展馆介绍</span>
</div>

 

版权声明:本文为xin880原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xin880/p/9896309.html