我正在创建一个应该从数组输出嵌套HTML菜单的函数。我想得到以下输出,但我没有得到:
所需的输出
ifelse ( ratio < T ) [ set R0 0 ] [set R0 0.03]
我的数据。
$项目
<ol class="sortable ui-sortable">
<li id="list_77"><div>test1</div>
<ol>
<li id="list_78"><div>subtest1</div>
<ol>
<li id="list_79"><div>subtest1-1</div></li>
</ol>
</li>
</ol>
</li>
</ol>
我的功能
Array
(
[77] => Array
(
[menu_id] => 77
[menu_name] => test1
[menu_parent_id] => 0
[menu_sort] => 1
[menu_link] =>
[menu_status] => 1
)
[78] => Array
(
[menu_id] => 78
[menu_name] => subtest1
[menu_parent_id] => 77
[menu_sort] => 1
[menu_link] =>
[menu_status] => 1
)
[79] => Array
(
[menu_id] => 79
[menu_name] => subtest1-1
[menu_parent_id] => 78
[menu_sort] => 1
[menu_link] =>
[menu_status] => 1
)
)
答案 0 :(得分:2)
你有一些递归问题。您应该向sub
函数传递一些上下文,即它应该为哪个菜单项生成子菜单。
这也意味着该函数可能不需要echo
任何东西,即当传递的菜单项没有任何子项时。
所以,首先,这意味着你的所有echo
应该处于某种状态。
我还建议让函数创建并返回一个HTML字符串,然后可以echo
。这使得该功能可以更灵活地使用。
以下是建议的代码:
function sub($list, $parent_id = null) {
$html = '';
foreach ($list as $menu_id => $menu) {
if ($list[$menu_id]['menu_parent_id'] == $parent_id) {
$sub = sub($list, $menu_id);
if ($sub != '') {
// if there are children, wrap them in OL tag:
$sub = "<ol>\n$sub</ol>\n";
}
// assemble HTML for this menu:
$html .= "<li class='menu_list' id='item_{$menu['menu_id']}'>"
. "<div>{$menu['menu_name']}</div>\n$sub</li>\n";
}
}
return $html;
}
以下是如何使用它:
// test data
$item = Array
(
77 => Array
(
"menu_id" => 77,
"menu_name" => 'test1',
"menu_parent_id" => 0,
"menu_sort" => 1,
"menu_link" => null,
"menu_status" => 1
),
78 => Array
(
"menu_id" => 78,
"menu_name" => 'subtest1',
"menu_parent_id" => 77,
"menu_sort" => 1,
"menu_link" => null,
"menu_status" => 1,
),
79 => Array
(
"menu_id" => 79,
"menu_name" => 'subtest1-1',
"menu_parent_id" => 78,
"menu_sort" => 1,
"menu_link" => null,
"menu_status" => 1
)
);
// Get complete output (no need to pass second argument)
echo sub($item);
输出如下:
<li class='menu_list' id='item_77'><div>test1</div>
<ol>
<li class='menu_list' id='item_78'><div>subtest1</div>
<ol>
<li class='menu_list' id='item_79'><div>subtest1-1</div>
</li>
</ol>
</li>
</ol>
</li>