Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

jsTree'yi DB'ye yazmak

yusufc

Blade tarafında modeldeki veriyi şu şekilde alıp jsTree'yi başarılı şekilde oluşturuyorum. (productCategories.index.blade.php)

            $('#jstree').jstree({

                "checkbox": {
                    keep_selected_style: true,
                    three_state: false,
                },

                plugins: ["wholerow", "checkbox", "search"],

                core: {
                    strings : {
                        'New node': 'Yeni Kategori'
                    },

                    multiple: false,
                    check_callback: true,
                    themes: {
                        name:"default",
                        variant: "large",
                        responsive: true,
                        stripes: true,
                    },

                    data: {
                        "url": "{{Route("productCategories.getProductCategories")}}"
                    },
                }
            });

Blade tarafına nested kategorileri göndermek için şunu sorunsuz olarak kullanıyorum. (ProductCategory.php - controller)

    public function getProductCategories()
    {

        $productCategories = productCategory::defaultOrder()->withDepth()->get()->linkNodes();
        $result = [];
        foreach ($productCategories as $productCategory) {
            $parent = $productCategory->parent_id ?: '#';
            $node = [
                'id' => $productCategory->id,
                'parent' => $parent,
                'text' => $productCategory->category_name,
            ];
            array_push($result, $node);
        }
        return response()->json($result);
        
    }

Şimdi Blade'deki JS kodu ile jsTree'nin yapısını olduğu gibi DB'ye kayıt etmek istiyorum.
Bunun için de lazychaser'ın Nested Set'inin rebuildTree fonksiyonunu kullanmak istiyorum.

Buradaki sorun şu :
jsTree'nin bana verdiği array'daki key'ler : id, text, icon, children.
laravel nested set'in benden istediği : id, name, children.

Ya jsTree bana text değil de name olarak versin,
Ya da laravel nested set text'i kabul etsin değil mi ? 🙂

Teşekkürler.

ersanserkan

Bunun için daha önce şöyle bir helper yazmıştım. İşine yarayacaktır.

blade

    <div id="jstree"></div>
    
    <script>
        $(function () {
            var jstree = $('#jstree').jstree({
                core: {
                    data: @json($categories),
                    check_callback : true,
                },
                plugins: [ 'types', 'dnd', 'conditionalselect', 'search', 'unique' ],
                types: {
                    'default': {
                        'icon': 'fa fa-folder'
                    }
                },
                conditionalselect: function (node, event) {
                    window.location.href = '/categories/' + node.id + '/edit';
                    return false;
                },
                search: {
                    show_only_matches: true,
                }
            });

            $('#search').keyup(function () {
                $('#jstree').jstree('search', $(this).val());
            });

            $('#jstree').on('ready.jstree', function() {
                toggleTree();
            });

            $(document).on('dnd_stop.vakata', function () {
                axios.post('/categories/rebuild-tree', {
                    data: jstree.jstree('get_json')
                })
                .then(function (data) {
                    $('#jstree').jstree(true).open_all();
                })
                .catch(function (error) {
                    //
                });
            }); 
        });

        function toggleTree(open = true) {
            $('#jstree').jstree(open ? 'open_all' : 'close_all');
        }
    </script>

controller

    public function index()
    {
        $categories = jstree(Category::defaultOrder()->get()->toTree());

        return view('categories.index', compact('categories'));
    }
    
    public function rebuildTree(Request $request)
    {
        try {
            Category::rebuildTree($request->input('data'));
        } catch (\Throwable $th) {
            return response()->json($th->getMessage(), 500);
        }

        return response()->json('OK', 200);
    }

helper

function jstree($records, $selected = []) {
    return $records->map(function ($each) use ($selected) {
        return [
            'id' => $each->id,
            'text' => $each->name,
            'state' => [
                'selected' => in_array($each->id, $selected) ? true : false,
            ],
            'children' => $each->has('children')
                    ? jstree($each->children, $selected, $disabled)
                    : null,
        ];
    });
}

Tek bir yerde kullanıyorsan helper yerine direk controller içinde de yapabilirsin..

yusufc

Merhaba,
Sorunum rebuildTree'nin array içinde aşağıda görüldüğü üzere id, name, children key'lerini istemesi idi. (https://github.com/lazychaser/laravel-nestedset#inserting-nodes).
jsTree ise array içinde id, text, children olarak gönderiyordu.

jstree.js dosyası içinde get_json fonksiyonundaki "text" değerini "name" olarak değiştirdim ve o sorun çözülmüş oldu.
Şimdi "store" fonksiyonuma gelen array değişkeni rebuildTree'nin istediği gibi oldu.

controller'daki store fonksiyonum şu şekilde :
public function store(Request $request)

    {
        $data = $request->data;
        print_r ($data);
        $result = productCategory::rebuildTree($data);
        echo $result;
    }

Kayıt işlemi sırasında $data'nın sonucunu print_r ile aldığımda şunu görüyorum.

Array
(
    [0] => Array
        (
            [id] => 1
            [name] => Bilgisayar111
        )

    [1] => Array
        (
            [id] => 2
            [name] => Bilgisayar
            [children] => Array
                (
                    [0] => Array
                        (
                            [id] => 5
                            [name] => Masaüstü Bilgisayarlar
                            [children] => Array
                                (
                                    [0] => Array
                                        (
                                            [id] => 6
                                            [name] => Desktop
                                        )

                                    [1] => Array
                                        (
                                            [id] => 7
                                            [name] => All In One
                                        )

                                    [2] => Array
                                        (
                                            [id] => 8
                                            [name] => Oyuncu Bilgisayarı
                                        )

                                )

                        )

                )

        )

    [2] => Array
        (
            [id] => 3
            [name] => Elektronik
        )

    [3] => Array
        (
            [id] => 4
            [name] => Beyaz Eşya
        )

    [4] => Array
        (
            [id] => j1_1
            [name] => 121212
        )

)

Ama her nedense kayıt etmiyor, kayıt esnasında hata alıyorum, laravel.log dosyasına da bir hata kaydı düşmüyor. Şu sonuç dönüyor :

{
    "message": "",
    "exception": "Symfony\\Component\\HttpKernel\\Exception\\NotFoundHttpException",
    "file": "C:\\DATA\\WWW\\test\\muhasebe\\vendor\\laravel\\framework\\src\\Illuminate\\Foundation\\Exceptions\\Handler.php",
    "line": 222,
    "trace": [
        {
            "file": "C:\\DATA\\WWW\\test\\muhasebe\\vendor\\laravel\\framework\\src\\Illuminate\\Foundation\\Exceptions\\Handler.php",
            "line": 198,
            "function": "prepareException",
            "class": "Illuminate\\Foundation\\Exceptions\\Handler",
            "type": "->"
        },

yusufc

Bu konu çözüldü.
jsTree ile lazychaser/laravel-nestedset arasında ilişkiyi sağlamak için bazı değişiklikler yaptım.
Yaptığım şeyleri bir post altına yazıp, kılavuz olması açısından yayınlayacağım.