Problem with float hydration in german format

[axelhooges]

Hello everyone,

I have a problem that I can't solve after trying for a long time.

I have a LiveComponent with an array of DTOs as LiveProp.
The type of some of the DTOs attributes is float, but i want to show the german format on webpage.

A change to a value on the web page does not arrive in my method, so I cannot manually adjust the format at all.

<?php
#[AsLiveComponent]
class MyComponent
{    
    /** @var Data[] */
    #[LiveProp(writable: true, hydrateWith: 'hydrateData', dehydrateWith: 'dehydrateData')]
    public array $data = [];
	
    [...]

    public function hydrateData(array $datas)
    {
        $return = [];

        foreach ($datas as $data) {
            $return[] = new Data(
                $this->hydrateNumber($data['amount']),
            );
        }

        return $return;
    }

    public function dehydrateData(array $objects): array
    {
        $return = [];

        foreach ($objects as $data) {
            $return[] = [
                'amount' => number_format($data->getAmount(), 2, ',', '.'),
            ];
        }
        return $return;
    }
	
   private function hydrateNumber(string $value): float
    {
        return
            (float) str_replace(
                ',',
                '.',
                $value
            );
    }
}

class Data
{
    use NumberHydrationTrait;

    public function __construct(
        private ?float $amount = null,
    ) { }

    public function getAmount(): ?float
    {
        return $this->amount;
    }

    public function setAmount(?float $amount): void
    {
        $this->amount = $amount;
    }
}

// Twig Template
[...]
{% for key, entry in data %}
<tr>
	<td class="p1 border-right-2"><input data-model="on(change)|data[{{ key }}].amount" type="text" class="form-control" placeholder="" /></td>
</tr>
{% endfor %}

A pre-assigned value for “amount” is displayed correctly, e.g. with 10,50
However, if I change the value to e.g. 10,90 it does not work. With a breakpoint in the hydrate method, I can see that the old value 10,50 is always passed.
What am I doing wrong?

Many thanks and best regards
Axel

[axelhooges]

Hi,

now, i tried to solve the issue with an HydrationExtension. It is all the same. The hydrate-method gets an array with the old values, but it is never called with the new value!?

[axelhooges]

Hi again :-)

Ok, it is working, if i am evaluating the post parameters for myself and manipulate the data:

    #[PostHydrate()]
    public function postHydrateHook(): void
    {
        $data = json_decode($_POST['data'], true);

        foreach ($data['updated'] as $key => $value) {
            list($dummy, $index, $parameter) = explode('.', $key);

	    // for fields, which are not float
            if ($parameter !== 'amount') {
                return;
            }
            
            $function = 'set'.ucfirst($parameter);
            $this->data[$index]->$function($this->hydrateNumber($value));
        }
    }

Is it best practice? I don't think so :-) Especially the access to $_POST