Duplicate ID in grid

answered 2016-02-09 10:51:48 +0800

chillworld
5367 ● 4 ● 9
https://github.com/chillw...

updated 2016-02-09 14:00:18 +0800

If you are working with MVVM you don't need to use the id attribute.

Let me explain what causes this issue :

You make use of <template> and inside the template you have that code.
First row creates 2 textboxes, one without id and one with id "fgid_Chinese_spec"
Now you are making a second row, again 2 textboxes and one without id and again one with id "fgid_Chinese_spec".

Because you are still in the same spaceowner you can't use that id twice.
So easiest solution is to remove id, or add to the id the index of the forEachStatus to it, like this it also stay's unique.

Edit:

id="fgid_Chinese_spec${forEachStatus.index}"

Edit 2 :

@bind stands for @load + @save so please use it correct. You are now loading the value twice.
your onChanging event will never happen as long you don't set instant="true".
This is done by default because otherwise you have a very chatty application. They update the value with the onChange event for improve performance.
But you can allow to update the value in the onChanging by just setting instant="true" in your textbox.
Like this you can remove the onChanging command also.

Your solution is actually pretty simple :

<div form="@id('fx') @load(each.piecePartRegVO) @save(each.piecePartRegVO, before={'save', 'confirm'})">        
    <label hflex="1"  value="@load(each.piecePartRegVO.partChineseSpecification)"/>
    <textbox hflex="1" value="@load(fx.fgidChineseSpecification) @save(fx.fgidChineseSpecification)"/>
</div>

Like this your label has the original value => the textbox can change but will not be persisted if you don't execute one of the 2 commands.

Greetz chill.