live() removes/resets already set value
I have a map and based on the polygons selected I want to save them into a field and update the number of zip codes based of it.
I have a view
I want to do something like this
and the relevant part from the view is
so if there's
if
but I can't make reactivity to work
I'm totally stumped, if this approach does not work, any other ideas?
I have a view
View::make('filament.forms.components.zip-code-map')->label('Territory Map'),I want to do something like this
Forms\Components\Hidden::make('zip_code_map')->live()
->afterStateUpdated(function ($state, Forms\Set $set) use ($form) {
$set('zip_code_count', rand(1, 1000));
})and the relevant part from the view is
function savePolygonsToStorage(polygons) {
var savedPolygons = polygons.map(function(polygon) {
var coords = polygon.getPath().getArray().map(function(coord) {
return { lat: coord.lat(), lng: coord.lng() };
});
return { id: polygon.id, name: polygon.name, coords: coords };
});
var zipCodeMapField = document.getElementById('data.zip_code_map');
if (zipCodeMapField) {
zipCodeMapField.value = JSON.stringify(savedPolygons);
zipCodeMapField.dispatchEvent(new Event('input'));
}
}so if there's
live()afterStateUpdatedzipCodeMapField.value''if
live()but I can't make reactivity to work
I'm totally stumped, if this approach does not work, any other ideas?
