[英]Convert HTML Megamenu to Yii CMenu zii Widget
我剛開始使用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小部件比我要困難得多,尤其是對於像我這樣的初學者。 我可以提出類和列表,但是如何將Divs放在CMenu小部件中?
謝謝
您應該創建自己的小部件。 創建小部件並不比創建控制器難。
從簡單的東西開始,看看它如何發揮作用。 讓我們嘗試一下,這是一個簡單的示例,它不處理遞歸,但是可以:
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>
然后在您的ccontorller視圖中使用它
<?php
$this->widget('path.to.MyMenu', [
'items' => [
[
'title' => 'Foo',
'overview' => 'Some overview',
'items' => [
[
'title' => 'Bar'
],
[
'title' => 'Baz'
]
]
]
]
]);
?>
免責聲明 :未經測試,只是為了展示想法,可能有效或無效。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.