atayahmet / laravel-nestable

Laravel 5 nested category/menu generator
MIT License
214 stars 52 forks source link

class yapısı hakkında #50

Closed dolphintr closed 6 years ago

dolphintr commented 6 years ago

selam Kategorileri listelerken ul ve li lerin classları tam olarak hakkim olamiyor bunlala ilgili nasıl bi yol izlemeliyim.

atayahmet commented 6 years ago

Selam @dolphintr

demek istediğini tam olarak anlamadım ama <ul> ve <li> tag'lerine class eklemek istiyorsan, bunun nasıl yapılacağı dökümanda var.

atayahmet commented 6 years ago

Şuradan: renderAsHtml

dolphintr commented 6 years ago

Öncelikle bizim gibi bu işte acemi olanlara yardımcı olduğunuz için teşşekkür ederim.Allahrazı olsun.

ben dökümana bakarak bişeyler yaptım ama tam olarak istediğimi yapamadım. örnek vermek gerekirse alttaki menüyü render nasıl edebilirim . Bir kere konuya vakif olsam gerisi gelir. yardımınız için teşekkür ederim.

<div class="menu site-bg-color">
            <div class="container">
                <div class="responsive-menu">Menu</div>
                <ul class="responsive-menu-active">
                    <li class="current-page"><a href="index.html">Home</a></li>
                    <li><a href="index-category.html">Design</a>
                        <ul class="children">
                            <li><a href="index-category.html">Design List view</a></li>
                            <li><a href="index-category-grid.html">Design Grid view</a></li>
                            <li><a href="index-category-grid-2.html">Design Grid view 2</a></li>
                            <li><a href="index-category-grid-3.html">Design Grid view 3</a></li>
                        </ul>
                    </li>
                    <li><a href="index-category.html">Politics</a></li>
                    <li><a href="index-category.html">Travel</a></li>
                    <li><a href="index-category.html">Technology</a></li>
                    <li><a href="index-category.html">Sport</a></li>
                    <li><a href="#">Pages</a>
                        <ul class="children">
                            <li><a href="contact.html">Contact Us</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="features.html">Features</a></li>
                            <li><a href="error-404.html">Error-404</a></li>
                            <li><a href="#">Drop-Down 2</a>
                                <ul class="children">
                                    <li><a href="#">Menu</a></li>
                                    <li><a href="#">Menu</a></li>
                                    <li><a href="#">Drop-Down 3</a>
                                        <ul class="children">
                                            <li><a href="#">Menu</a></li>
                                            <li><a href="#">Menu</a></li>
                                            <li><a href="#">Menu</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
atayahmet commented 6 years ago

Estağfurullah. Yarımcı olmaya çalışıyorum.

Şöyle bir şey işini görebilir.

nestable()->make([
        [
          'id' => 1,
          'name' => 'Home',
          'slug' => '#',
          'parent_id' => 0
        ],
        [
          'id' => 2,
          'name' => 'Design',
          'slug' => 'design.html',
          'parent_id' => 0
        ],
        [
          'id' => 3,
          'name' => 'Design List view',
          'slug' => 'index-category.html',
          'parent_id' => 2
        ],
        [
          'id' => 4,
          'name' => 'Design Grid view',
          'slug' => 'index-category-grid.html',
          'parent_id' => 2
        ],
        [
          'id' => 5,
          'name' => 'Design Grid view',
          'slug' => 'index-category-grid-2.html',
          'parent_id' => 2
        ],
        [
          'id' => 6,
          'name' => 'Design Grid view',
          'slug' => 'index-category-grid-3.html',
          'parent_id' => 2
        ],
        [
          'id' => 7,
          'name' => 'Politics',
          'slug' => 'index-category.html',
          'parent_id' => 0
        ],
        [
          'id' => 8,
          'name' => 'Travel',
          'slug' => 'index-category.html',
          'parent_id' => 0
        ],
        [
          'id' => 9,
          'name' => 'Pages',
          'slug' => '#',
          'parent_id' => 0
        ],
        [
          'id' => 10,
          'name' => 'Contact Us',
          'slug' => 'contact.html',
          'parent_id' => 9
        ],
        [
          'id' => 11,
          'name' => 'Contact Us',
          'slug' => 'contact.html',
          'parent_id' => 9
        ],
        [
          'id' => 12,
          'name' => 'About Us',
          'slug' => 'about.html',
          'parent_id' => 9
        ],
        [
          'id' => 13,
          'name' => 'Features',
          'slug' => 'features.html',
          'parent_id' => 9
        ],
        [
          'id' => 14,
          'name' => 'Drop-Down 2',
          'slug' => 'features.html',
          'parent_id' => 9
        ],
        [
          'id' => 15,
          'name' => 'Menu',
          'slug' => '#',
          'parent_id' => 14
        ],
        [
          'id' => 16,
          'name' => 'Menu',
          'slug' => '#',
          'parent_id' => 14
        ],
        [
          'id' => 17,
          'name' => 'Drop-Down 3',
          'slug' => '#',
          'parent_id' => 14
        ],
        [
          'id' => 18,
          'name' => 'Menu',
          'slug' => '#',
          'parent_id' => 17
        ],
        [
          'id' => 19,
          'name' => 'Menu',
          'slug' => '#',
          'parent_id' => 17
        ],
        [
          'id' => 20,
          'name' => 'Menu',
          'slug' => '#',
          'parent_id' => 17
        ],
      ])->firstUlAttr('class', 'responsive-menu-active')
        ->ulAttr('class', 'children')
        ->renderAsHtml();