Show model relationship (hasMany) with foreach in updateModal

#1

What seems to be the problem:

Hello everyone, I have two models Expenditure (title), ExpenditureData (expenditure_id, amount, comment), I can create new expenditure but i can’t show ExpenditureData as row and update. Note: CRUD with bootstrap modal. Sorry for my english.

protected $rules = [
    'editing.title' => 'required',
    'expData.expenditure_id' => 'nullable',
    'expData.amount.*' => 'required',
    'expData.comment.*' => 'required',
];

public Expenditure $editing;
public ExpenditureData $expData;
public function edit(Expenditure $expenditure, ExpenditureData $expenditureData) {
        $this->editing = $expenditure;
        $this->expData = $expenditureData;
        $this->showModal();
    }

// update modal
i need foreach expenditure details

<div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-6 form-group">
                                                        <label for="title">Название</label>
                                                        <input type="text" class="form-control" wire:model="editing.title" id="title" placeholder="Введите название товара">
                                                        @error('title') <span class="text-danger">{{ $message }}</span>@enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-5 form-group">
                                                        <label for="new_amount">Сумма</label>
                                                        <input type="text" class="form-control" wire:model="expData.amount.0" id="new_amount" placeholder="Введите сумму">
                                                        @error('amount') <span class="text-danger">{{ $message }}</span>@enderror
                                                    </div>
                                                    <div class="col-md-5 form-group">
                                                        <label for="new_comment">Комментария</label>
                                                        <input type="text" class="form-control" wire:model="expData.comment.0" id="new_comment" placeholder="Введите комментарию">
                                                        @error('comment') <span class="text-danger">{{ $message }}</span>@enderror
                                                    </div>
                                                    <div class="col-md-2 form-group">
                                                        <label for="new_title">Добавить строку</label>
                                                        <button type="button" wire:click="addRow({{ $i }})" class="d-block btn btn-success btn-rounded"><i class="text-white fas fa-plus"></i></button>
                                                    </div>
                                                </div>
                                                @foreach($inputs as $key => $value)
                                                    <div class="row">
                                                        <div class="col-md-5 form-group">
                                                            <label for="new_amount_{{ $value }}">Сумма</label>
                                                            <input type="text" class="form-control" wire:model="expData.amount.{{ $value }}" id="new_amount_{{ $value }}" placeholder="Введите сумму">
                                                            @error('amount') <span class="text-danger">{{ $message }}</span>@enderror
                                                        </div>
                                                        <div class="col-md-5 form-group">
                                                            <label for="new_comment_{{ $value }}">Комментария</label>
                                                            <input type="text" class="form-control" wire:model="expData.comment.{{ $value }}" id="new_comment_{{ $value }}" placeholder="Введите комментарию">
                                                            @error('comment') <span class="text-danger">{{ $message }}</span>@enderror
                                                        </div>
                                                        <div class="col-md-2 form-group">
                                                            <label for="new_title">Удалить строку</label>
                                                            <button wire:click="removeRow({{ $key }})" class="d-block btn btn-danger btn-rounded"><i class="text-white fas fa-minus"></i></button>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>

I need about this

Снимок экрана от 2021-01-28 21-35-26
Снимок экрана от 2021-01-28 21-35-26797×350 17.1 KB

Are you using the latest version of Livewire: yes

#2

send
Привет! Русский? Если да, то можем поговорить нормально)

#3

Привет), я узбек, а так конечно можно по русский) ты понял суть вопроса?

#4

Send
Примерно понял, что у тебя новые данные из добавляющихся полей не добавляются в переменную. Я еще с подобной конструкцией не работал, но я так понимаю, что тогда должен дописываться элемент в массив. т.к. массив удобнее использовать при добавлении полей.

#5

И получается для того, чтобы новые добавляющиеся input имели wire:key="{{$loop->index}}" чтобы DOM понимал к кому обращаться в случае чего

#6

Проблема вот это: без проблем добавляю новый запись, но когда хочу редактировать не могу вывести данные из Model\ExpenditureData на updateModal. попробовал это

@foreach($editing->data (data здесь hasMany relationship) as $data)

но как я понимаю $editing это обычный json. что можешь предлагать?

#7

Json не передаст связь. проверь выходные данные инпута и каким-нибудь методом привести тип данных в коллекцию Eloquent
dd($input) тогда точно будешь понимать что выходит, что приходит blade {{dd($input)}}

#8

Мне на днях с похожей конструкцией придется работать. Если что, заинтересован в решении)

#9

вот так я получил первый данные из ExpenditureData:

<button wire:click="edit({{ $expenditure->id }}, {{ $expenditure->data }})" data-toggle="modal" data-target="#updateModal">Update </button>

public function edit(Expenditure $expenditure, ExpenditureData $expenditureData) {
        $this->editing = $expenditure;
        $this->expData = $expenditureData;
        $this->showModal();
    }

// updateModal

{{ $expData }}

получаю вот это:

{“id”:15,“expenditure_id”:10,“amount”:“33333”,“comment”:“awdawd”,“created_at”:“2021-01-27T22:21:15.000000Z”,“updated_at”:“2021-01-27T22:21:15.000000Z”}

#10

У тебя есть телеграм? если можно давай решим в тг.