shabxs
Filament\Forms\Components\Select::isOptionDisabled(): Argument #2 ($label) must be of type string,
as of now a custom query is working fine...
SelectFilter::make('product_type')
->options(ProductType::class)
->query(function (Builder $query, array $data) {
if (empty($data['value'])) {
return $query;
}
return $query->whereHas('product', function (Builder $query) use ($data) {
$query->where('product_type', $data['value']);
});
})
17 replies
Filament\Forms\Components\Select::isOptionDisabled(): Argument #2 ($label) must be of type string,
There is no issue in getting the options ......but filtering based on the option is causing error. When I remove the column casting as Enum.. the filtering works perfect
protected function casts(): array
{
return [
// 'product_type' => ProductType::class,
]; } may be isOptionDisabled function require an enum cast check....
]; } may be isOptionDisabled function require an enum cast check....
17 replies
custom input live debounce
onBlur also same.
Below is the custom component, Basically a range slider along with the input field which can be edited and displayed formatted.
<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
<div x-data="{
value: $wire.{{ $applyStateBindingModifiers("$entangle('{$getStatePath()}')") }},
get formattedValue() {
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(this.value);
},
updateValue(event) {
let rawValue = event.target.value.replace(/[^0-9]/g, '');
this.value = rawValue ? parseInt(rawValue) : 0;
$refs.inputField.value = this.formattedValue;
}
}" x-init="$watch('value', val => $refs.inputField.value = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(val))">
<x-filament::input.wrapper>
<x-filament::input type="text" x-ref="inputField" @input.debounce.500ms="updateValue($event)"
x-bind:value="formattedValue" />
</x-filament::input.wrapper>
<div class="slider-container relative -mt-2">
<input type="range" :min="{{ $getMinValue() }}" :max="{{ $getMaxValue() }}" :step="{{ $getStep() }}"
x-model="value" class="slider w-full">
</div>
</div>
</x-dynamic-component>
12 replies