Hi,
For below question if there is fix it would be easier and lesser load in backend since the payload will be the id instead of name. Passing name as payload will need conversion.
Hi,
Using the following code, when I click on the drop down the name is now displayed. However, when I selected an item and clicked somewhere to trigger the auto update, the value displayed is the id, not the name.
It always should use value from valueField property and never displayed name. If it works different, then it's a bug or wrong configuration. Please post runnable code with steps to reproduce this problem.
I can't attach files so I'll just paste the code here.
Please note we are using React Typescript.
To reproduce, double click on any row under Name column, then select Name1 or Name2. On lost focus on combo box, the value displayed is the Id, not the name.
As Alex already mentioned, we use the valueField property to display, and in your example, the field is set like this
valueField : 'idFld'
So, it's expected to behave and display as you described. If you want to keep using the idFld as a reference, but display a different text just like the combo, we recommend using a custom renderer for the column, please check the documentation for examples https://bryntum.com/products/gantt/docs/api/Grid/column/Column#config-renderer
If I use valueField : 'nameFld', the displayed text is the name which is correct. However, the sync payload is also nameFld. This is just the same as the default implementation as the following code. However, passing name as payload requires data conversion in backend. So I asked if possible to pass the idFld as payload automatically while the displayed text is the nameFld. I'll check the documentation you sent.
options is just an array that I declared at the beginning of the snippet just an example to match your first example. It's not a parameter for the renderer function.