Editable Grid - Dynamic rows

Question

I want to fill separate values in these fields, How can I resolve it 
 
 rows: { a!forEach( items: local!counts, expression: a!gridRowLayout( contents: { a!textField( label: "Text", labelPosition: "ABOVE", value: ri!Queries.question, saveInto: { ri!Queries.question }, refreshAfter: "UNFOCUS", validations: {} ), a!textField( label: "Text", labelPosition: "ABOVE", value: ri!answers.option1, saveInto: { ri!answers.option1 }, refreshAfter: "UNFOCUS", validations: {} ), a!textField( label: "Text", labelPosition: "ABOVE", value: ri!answers.option1, saveInto: { ri!answers.option1 }, refreshAfter: "UNFOCUS", validations: {} ) } ) ) }

Deepak gupta · Accepted Answer

Could you please try the below code? 
 a!localVariables(
 local!tech,
 local!count,
 local!counts: a!refreshVariable(
 refreshOnVarChange: local!count,
 value: a!forEach(
 items: if(a!isNullOrEmpty(local!count),null,enumerate(local!count)+1),
 expression: {
 question:"",
 option1:"",
 correctans:""
 }
 )
 ),
 a!formLayout(
 label: "Questionare",
 contents: {
 a!columnsLayout(
 columns: {
 a!columnLayout(
 contents: {
 a!dropdownField(
 label: "Technology",
 labelPosition: "JUSTIFIED",
 placeholder: "--- Select a Value ---",
 choiceLabels: {"Java","Python","Git"},
 choiceValues: {"Java","Python","Git"},
 value: local!tech,
 saveInto: {
 a!save(local!tech, save!value),
 },
 searchDisplay: "AUTO",
 validations: {}
 )
 }
 ),
 a!columnLayout(
 contents: {
 a!dropdownField(
 label: "Count of Queries",
 labelPosition: "JUSTIFIED",
 placeholder: "--- Select a Value ---",
 choiceLabels: {1,2,3,4,5},
 choiceValues: {1,2,3,4,5},
 value: local!count,
 saveInto: local!count,
 searchDisplay: "AUTO",
 required: true,
 validations: {}
 )
 }
 ),
 a!columnLayout(contents: {})
 }
 ),
 a!gridLayout(
 label: "Enter Questionnaire ",
 labelPosition: "ABOVE",
 headerCells: {
 a!gridLayoutHeaderCell(label: "Question"),
 a!gridLayoutHeaderCell(label: "Option Available"),
 a!gridLayoutHeaderCell(label: "Correct Option")
 },
 columnConfigs: {},
 rows: {
 a!forEach(
 items: local!counts,
 expression: a!gridRowLayout(
 contents: {
 a!textField(
 label: "Text",
 labelPosition: "ABOVE",
 value: fv!item.question,
 saveInto: fv!item.question,
 refreshAfter: "UNFOCUS",
 validations: {}
 ),
 a!textField(
 label: "Text",
 labelPosition: "ABOVE",
 value: fv!item.option1,
 saveInto: fv!item.option1,
 refreshAfter: "UNFOCUS",
 validations: {}
 ),
 a!textField(
 label: "Text",
 labelPosition: "ABOVE",
 placeholder: "--- Select a Value ---",
 value: fv!item.correctans,
 saveInto: fv!item.correctans,
 validations: {}
 )
 }
 )
 )
 },
 selectionSaveInto: {},
 validations: {},
 shadeAlternateRows: true
 )
 },
 buttons: a!buttonLayout(
 primaryButtons: {
 a!buttonWidget(
 label: "Submit",
 submit: true,
 style: "PRIMARY",
 loadingIndicator: true
 )
 },
 secondaryButtons: {
 a!buttonWidget(
 label: "Cancel",
 value: true,
 saveInto: {},
 submit: true,
 style: "NORMAL",
 validate: false
 )
 }
 )
 )
)

Editable Grid - Dynamic rows

Top Replies