In my previous post, I wrote about using choices.js, but before that, there was something I had worked on...\ Select2. It works well without any problems. Howev
In my previous post, I wrote about using choices.js, but before that, there was something I had worked on...
Select2.
<div
wire:ignore>
<select
{{-- x-data="{ amount: $wire.entangle('stones.{{ $key }}.stone_id').defer, anElement: null }"--}}
x-data
x-init="$nextTick(() => {
$($el).select2({ width: '100%' });
$($el).val(@this.stones[{{$key}}]['stone_id']).trigger('change');
$($el).on('select2:select', function (e) {
@this.call('setStones', {{$key}}, e.params.data.id);
});
});"
class="block w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-gray-900 focus:border-gray-900 text-xs"
x-ref="select">
<option value=''>선택</option>
@foreach($stone_list as $value2)
<option value="{{$value2['id']}}">{{$value2['name']}}</option>
@endforeach
</select>
</div>It works well without any problems. However, the defer feature cannot be used.
Whenever a selection is made, the data must be saved through a Livewire call.
The problem is that entangle doesn't work properly with arrays, and it caused an error in an area where flexibility was needed.
So I raised the issue.
As a result, it was improved. (Of course, as of the time I wrote this post, the update hadn't been applied, and I hadn't been able to test it either.)
Another issue with entangle was also fixed.
joshhanley is truly amazing... They found and modified the core code behind an issue I hadn't been able to solve, submitted a pull request, and even got the tests to pass. (What I found fascinating was that they also created and submitted test files, and all the code had to pass tests on GitHub to ensure there were no problems. Is this what they mean by coding while writing test files? It seems like an essential practice for important core code or large projects... But creating test files one by one also takes a long time... I'll pass for now.)
I'm eagerly waiting for Livewire to release an update with a version that fixes the issues with entangle.