I have an editable grid to add an address for a user. The values are displaying and saving correctly. The issue is that when I am typing in a value in one column and use tab to go to the next column, it tabs over but then the cursor disappears. So I have to tab twice to be able to type in a value. Is this a thing with editable grid or perhaps I am configuring something wrong?
a!gridLayout( headerCells: { a!gridLayoutHeaderCell( label: "Address Line 1", align: "CENTER" ), a!gridLayoutHeaderCell( label: "Address Line 2", align: "CENTER" ), a!gridLayoutHeaderCell( label: "City", align: "CENTER" ), a!gridLayoutHeaderCell( label: "State", align: "CENTER" ), a!gridLayoutHeaderCell( label: "Zipcode", align: "CENTER" ) }, columnConfigs: { a!gridLayoutColumnConfig( width: "DISTRIBUTE", weight: 2 ), a!gridLayoutColumnConfig( width: "DISTRIBUTE", weight: 2 ), a!gridLayoutColumnConfig( width: "DISTRIBUTE" ), a!gridLayoutColumnConfig( width: "DISTRIBUTE" ), a!gridLayoutColumnConfig( width: "DISTRIBUTE" ) }, rows: a!forEach( items: ri!address_cdt, expression: a!gridRowLayout( contents: { a!textField( value: index(ri!address_cdt[fv!index],"address_line1", {}), saveInto: ri!address_cdt[fv!index].address_line1, required: true ), a!textField( value: index(ri!address_cdt[fv!index],"address_line2", {}), saveInto: ri!address_cdt[fv!index].address_line2 ), a!textField( value: ri!address_cdt[fv!index].city, saveInto: ri!address_cdt[fv!index].city, required: true ), a!dropdownField( placeholderLabel:"--Select State--", choiceLabels: local!choiceLabel, choiceValues: local!choiceValue, value: index(ri!address_cdt[fv!index],"state_id",-1), saveInto: ri!address_cdt[fv!index].state_id ), a!textField( value: ri!address_cdt[fv!index].zip_code, saveInto: ri!address_cdt[fv!index].zip_code ), } ) ), addRowLink: a!dynamicLink( label: "Add New Address", saveInto: { a!save(ri!address_cdt, append( ri!address_cdt, 'type!{urn:com:appian:types}ADDRESS'() ) ) } ) )
Discussion posts and replies are publicly visible
I was able to resolve this issue by using fv!item.fieldName for the value and saveinto field of the text and dropdown components, instead of using indexing.