0

編集:トムのアドバイスに基づいて、ここに私の変更されたコードがあります。うまくいきます。トムに感謝します。

<?php
    $categories = Category::where('parent_id', '0')->get();

    foreach($categories as $category):

        $category_courses = get_courses($category->id);
        $sub_categories = Category::where('parent_id', $category->id)->get();
        $max_iteration = ceil(count($sub_categories) / 4);
?>
    <li class="dropdown mega-menu-4">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ $category->name }}">{{ $category->name }} <b class="caret"></b></a>
        <ul class="dropdown-menu style-plain">
            <li class="one-column">
                <?php foreach($sub_categories as $key=>$sub_category): ?>
                    <ul>
                        <li class="nav-title">{{ $sub_category->name }}</li>
                        <?php foreach(get_courses($sub_category->id) as $course): ?>
                            <li>{{ $course->title }}</li>
                        <?php endforeach; ?>
                    </ul>
                    <?php if(($key + 1) % $max_iteration == 0): ?>
                        </li>
                        <li class="one-column">
                    <?php endif; ?>
                <?php endforeach; ?>
            </li>
        </ul>
    </li>
<?php endforeach; ?>

#laravel IRC で machuga からアドバイスをもらった後、メモリ内にツリーを作成する必要があると考えています。基本的にこの SO answer Flat PHP Array to Hierarchy Tree に基づいています。

Bootstrap 2.3でうまく機能するように、Laravelアプリで次の構造のメガメニューを作成しようとしています。

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="dropdown mega-menu-4 transition">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">$category <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li class="one-column">
                                <ul>
                                    <li class="nav-title">$subCategory 1</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                                <ul>
                                    <li class="nav-title">$subCategory 1</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                            </li>
                            <li class="one-column">
                                <ul>
                                    <li class="nav-title">$subCategory 2</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                                <ul>
                                    <li class="nav-title">$subCategory 2</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                            </li>
                            <li class="one-column">
                                <ul>
                                    <li class="nav-title">$subCategory 3</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                                <ul>
                                    <li class="nav-title">$subCategory 3</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                            </li>
                            <li class="one-column">
                                <ul>
                                    <li class="nav-title">$subCategory 4</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                                <ul>
                                    <li class="nav-title">$subCategory 4</li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                    <li><a href="#">$course</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

私のデータベースには次のものがあります。

table: categories
fields: id, parent_id, name, slug

table: courses
fields: id, category_id, title, slug

li:one-column 要素内で ul 要素を生成するために、for および foreach ループ ロジックに苦労しています。サブカテゴリの数に応じて、必要な数の行を含む最大 4 列が必要です。

したがって、カテゴリ テーブルでは、トップ レベルのカテゴリには「parent_id」が割り当てられませんが、サブカテゴリにはトップ レベルの「parent_id」が割り当てられます。

したがって、$category を $category として foreach し、トップ レベルのメニュー構造をセットアップして、各トップ レベルのカテゴリに li:dropdown 要素を作成することができます。li:one-column 要素を実装しようとすると、問題が発生します。各 li:one-column 要素は基本的にメガ メニューの列であるため、最大 4 つ必要です。列内の各 ul はサブカテゴリです。

したがって、最上位カテゴリの下に 13 のサブカテゴリがある場合、各列には次の情報が含まれます。

Column 1: 4
Column 2: 3
Column 3: 3
Column 4: 3

次に、新しいサブカテゴリが追加された場合、次のようになります。

Column 1: 4
Column 2: 4
Column 3: 3
Column 4: 3

等々。したがって、基本的に、新しいサブカテゴリごとに、次に使用可能な列が埋められます。

おそらくこれには本当に簡単な解決策がありますが、私は今のところロジックに苦労しています. 前もって感謝します。

編集：私は次を使用して近づいています：

    <ul class="nav">
            @foreach($categories as $category)
                    <?php
                            $category_courses = get_courses($category->id);
                            $sub_categories = Category::where('parent_id', $category->id)->get();
                            $sub_categories_total = count($sub_categories); // int(5)
                            $sub_category_split = round($sub_categories_total / 4); // int(1)
                    ?>
                    <li class="dropdown mega-menu-4">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ $category->name }}">{{ $category->name }} <b class="caret"></b></a>
                            <ul class="dropdown-menu style-plain">
                                    @for($i=0; ++$i <=4;)
                                    <li class="one-column">
                                            @foreach($sub_categories as $sub_category)
                                                            <ul >
                                                                    <li class="nav-title">{{ $sub_category->name }}</li>
                                                                    @foreach(get_courses($sub_category->id) as $course)
                                                                            <li>{{ $course->title }}</li>
                                                                    @endforeach
                                                            </ul>
                                            @endforeach
                                    </li>
                                    @endfor
                            </ul>
                    </li>
            @endforeach
    </ul>

ただし、すべての sub_categories を各 li:one-column 要素に追加するため、まだ十分ではありません。私は確かに解決策に近づいていると感じています。

編集：OK、私は今ずっと近くにいます。各 li:one-column 要素の最大反復のみを出力できるようになりましたが、まったく同じデータが出力されます。foreach ループが壊れたところから続行する方法が必要です。

<ul class="nav">
            @foreach($categories as $category)
                    <?php
                            $category_courses = get_courses($category->id);
                            $sub_categories = Category::where('parent_id', $category->id)->get();
                            $max_iteration = round(count($sub_categories) / 4);
                    ?>
                    <li class="dropdown mega-menu-4">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ $category->name }}">{{ $category->name }} <b class="caret"></b></a>
                            <ul class="dropdown-menu style-plain">
                                    @for($ci=0; ++$ci <=4;)
                                            <li class="one-column">
                                                    @foreach($sub_categories as $key=>$sub_category)
                                                            @if($key <= $max_iteration)
                                                                    <ul >
                                                                            <li class="nav-title">{{ $sub_category->name }}</li>
                                                                            @foreach(get_courses($sub_category->id) as $course)
                                                                                    <li>{{ $course->title }}</li>
                                                                            @endforeach
                                                                    </ul>
                                                            @else
                                                                    <?php break; ?>
                                                            @endif
                                                    @endforeach
                                            </li>
                                    @endfor
                            </ul>
                    </li>
            @endforeach
    </ul>

編集：OK、これは私がこれまでに得た最も近いもので、ほとんどそこにあります。ただし、最初の列、列2、列3に1つのサブカテゴリを出力しますが、列4に2を出力するため、まだ正しくありません.:-(

    @foreach($categories as $category)
            <?php
                    $category_courses = get_courses($category->id);
                    $sub_categories = Category::where('parent_id', $category->id)->get();
                    $max_iteration = round(count($sub_categories) / 4) + 1;
            ?>
            <li class="dropdown mega-menu-4">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ $category->name }}">{{ $category->name }} <b class="caret"></b></a>
                    <ul class="dropdown-menu style-plain">
                            <li class="one-column">
                                    @foreach($sub_categories as $key=>$sub_category)
                                            <ul>
                                                    <li class="nav-title">{{ $sub_category->name }}</li>
                                                    @foreach(get_courses($sub_category->id) as $course)
                                                            <li>{{ $course->title }}</li>
                                                    @endforeach
                                            </ul>
                                            @if($key <= $max_iteration)
                                                    </li>
                                                    <li class="one-column">
                                            @endif
                                    @endforeach
                            </li>
                    </ul>
            </li>
    @endforeach
4

2 に答える 2

0

あなたが探しているものをもう少し理解したので、これはより適切かもしれないと思うので、セパレーターと考えてください:

@foreach($categories as $category)
                    <?php
                            $category_courses = get_courses($category->id);
                            $sub_categories = Category::where('parent_id', $category->id)->get();
                            $max_iteration = round(count($sub_categories) / 4);
                    ?>
                    <li class="dropdown mega-menu-4">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{{ $category->name }}">{{ $category->name }} <b class="caret"></b></a>
                            <ul class="dropdown-menu style-plain">
                                            <li class="one-column">
                        <?php $counter = 0 ?>
                                                    @foreach($sub_categories as $key=>$sub_category)
                            <?php  $counter++ ?>
                                    @if($counter == $max_iteration) 
                                            </li>
                                            <li class="one-column">
                                       <?php $counter = 0;?>
                                    @endif
                                                                    <ul >
                                                                            <li class="nav-title">{{ $sub_category->name }}</li>
                                                                            @foreach(get_courses($sub_category->id) as $course)
                                                                                    <li>{{ $course->title }}</li>
                                                                            @endforeach
                                                                    </ul>
                                                    @endforeach


                                            </li>
                            </ul>
                    </li>
            @endforeach
于 2013-10-08T11:13:41.333 に答える