创建 x-jet-dialog 模态和 x-jet-confirmation 模态不能一起工作
Creating x-jet-dialog modal and x-jet-confirmation modal not working together
在我的 index.blade.php
<div class="flex mb-4">
<x-jet-button wire:click="$toggle('savePositionModal')" wire:loading.attr="enabled">pAdd New Position
</x-jet-button>
@include('livewire.admin.manageelections.electionpositions.positionmodal')
</div>
<div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
<div class="p-6 px-20 bg-white border-b border-gray-200 rounded-full">
@include('livewire.admin.manageelections.electionpositions.positionstable')
</div>
</div>
位置模式运行良好。但是当在 positions.table
中找到确认模式时
@foreach($positions as $position)
<tr>
<td class="border p-1">{{$count++}}</td>
<td class="border p-1">{{$position->name}}</td>
<td class="border p-1">{{$position->description}}</td>
<td class="border p-1 text-center">
<x-jet-secondary-button wire:click="openPositionModal({{$position->id}})" wire:loading.attr="enabled">
Edit
</x-jet-secondary-button>
<x-jet-danger-button wire:click="$toggle('deletePositionModal')" wire:loading.attr="enabled">
Delete
</x-jet-danger-button>
@include('livewire.admin.manageelections.electionpositions.deletePositonModal')
</td>
</tr>
@endforeach
开仓模式也有效。但是确认模式(用于删除目的)不起作用..
doe 有任何想法可以帮助吗?
laravel livewire jetstream 中只能包含一个模式。
我建议在用户单击某个按钮时切换要包含的模式。
因此每个模态框的默认状态是活动或打开。如果用户单击“点击包含模态按钮”,模态将包含在内,然后自动打开。
在我的 index.blade.php
<div class="flex mb-4">
<x-jet-button wire:click="$toggle('savePositionModal')" wire:loading.attr="enabled">pAdd New Position
</x-jet-button>
@include('livewire.admin.manageelections.electionpositions.positionmodal')
</div>
<div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
<div class="p-6 px-20 bg-white border-b border-gray-200 rounded-full">
@include('livewire.admin.manageelections.electionpositions.positionstable')
</div>
</div>
位置模式运行良好。但是当在 positions.table
中找到确认模式时 @foreach($positions as $position)
<tr>
<td class="border p-1">{{$count++}}</td>
<td class="border p-1">{{$position->name}}</td>
<td class="border p-1">{{$position->description}}</td>
<td class="border p-1 text-center">
<x-jet-secondary-button wire:click="openPositionModal({{$position->id}})" wire:loading.attr="enabled">
Edit
</x-jet-secondary-button>
<x-jet-danger-button wire:click="$toggle('deletePositionModal')" wire:loading.attr="enabled">
Delete
</x-jet-danger-button>
@include('livewire.admin.manageelections.electionpositions.deletePositonModal')
</td>
</tr>
@endforeach
开仓模式也有效。但是确认模式(用于删除目的)不起作用..
doe 有任何想法可以帮助吗?
laravel livewire jetstream 中只能包含一个模式。
我建议在用户单击某个按钮时切换要包含的模式。
因此每个模态框的默认状态是活动或打开。如果用户单击“点击包含模态按钮”,模态将包含在内,然后自动打开。