我刚开始使用Yii,在将HTML Megamenu转换为Yii时遇到了一些问题。基本上我的html是这样的:
<div class="nav-wrapper">
<div class="container">
<ul class="some_class">
<li class="active"><a href="#">Parent 1</a>
<div class="megamenu">
<div class="row">
<a href="#" class="overview">Child 1</a>
</div>
<div class="row">
<div class="col1">
<ul>
<li><a href="#">Child 3</a></li>
<li><a href="#">Child 4</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
事实证明,将其应用于CMenu小部件比我想象的更困难。。。尤其是对于像我这样的e初学者。我可以列出类和列表,但如何将Div放入CMenu Widget中?
感谢
您应该创建自己的小部件。创建小部件并不比创建控制器更难。
从一些简单的事情开始,看看它是如何发挥作用的。让我们尝试一下,这是一个快速的例子,不处理递归,但可能很好:
class MyMenu extends CWidget
{
public $items = [];
public function init()
{
// Possibli do something with items
}
public function run()
{
$this->render('menu', ['items' => $this->items]);
}
}
在views/menu.php中:
<div class="nav-wrapper">
<div class="container">
<ul class="some_class">
<?php foreach($items as $item):?>
<li class="active"><a href="#"><?=$item['title'];?></a>
<div class="megamenu">
<div class="row">
<a href="#" class="overview"><?= $item['overview'];?></a>
</div>
<div class="row">
<div class="col1">
<ul>
<?php foreach($item['items'] as $row):?>
<li><a href="#"><?= $row['title'];?></a></li>
<?php endforeach;?>
</ul>
</div>
</div>
</div>
</li>
<?php endforeach;?>
</ul>
</div>
</div>
然后在您的浏览器视图中使用它
<?php
$this->widget('path.to.MyMenu', [
'items' => [
[
'title' => 'Foo',
'overview' => 'Some overview',
'items' => [
[
'title' => 'Bar'
],
[
'title' => 'Baz'
]
]
]
]
]);
?>
免责声明:未经测试,只是为了展示想法,可能有效也可能无效。