Editable grid

RE: Editable grid

Mike Schmitt — Thu, 20 Jun 2019 14:23:39 GMT

Ok - FYI, i believe in 19.2 your configuration for a!gridField won't work (unless you change the rule name to a!gridField_19r1 to use the deprecated version). The new version of a!gridField uses somewhat different configuration parameters and uses a!gridColumn() for its columns, and will not work with a!gridTextColumn, a!gridImageColumn or any of the other legacy ones.

RE: Editable grid

husaina0001 — Thu, 20 Jun 2019 07:12:13 GMT

I am sorry, I got consfused. In this page we are not using editable grid but prior to this page we are. In this page we are updating user basic details (first name , last name etc) and associate user with selected properties. And we are using 19.2 version.

RE: Editable grid

Mike Schmitt — Wed, 19 Jun 2019 15:51:55 GMT

Regardless of my questions above, my best guess based on your code as posted is that you need to do something more careful in the SaveInto in your grid. I haven't tested it but I'm guessing the following revised code sample is close:

saveInto: {
  local!gridSelection,
  
  /* now, iterate through each property and update only ones that are changed */
  a!forEach(
    local!properties.data,
    if(
      contains(
        local!gridSelection.selected,
        fv!item.property_id
      ),
      /* adjust any currently-selected entries as needed */
      if(
        fv!item.is_active,
        {},
        a!save(
          fv!item.is_active,
          true()
        )
      ),
      /* adjust any not-currently-selected entries as needed */
      if(
        fv!item.is_active,
        a!save(
          fv!item.is_active,
          false()
        )
      )
    )
  )
  
  /* a!save( */
    /* target: ri!userPropertyInfo, */
    /* value: if( */
      /* length( */
        /* local!gridSelection.selected */
      /* ) = 0, */
      /* null, */
      /* a!forEach( */
        /* items: local!gridSelection.selected, */
        /* expression: { */
          /* property_id: fv!item, */
          /* is_active: true(), */
          /* user_property_status: true() */
        /* } */
      /* ) */
    /* ) */
  /* ) */
}

RE: Editable grid

Mike Schmitt — Wed, 19 Jun 2019 15:38:15 GMT

There are a couple confusing things here.

1) in your top post you say you're making an editable grid, but in your sample code you're using a!gridField (read-only aka paging grid) with row-selection enabled.

2) you're using a!localVariables which suggests you're on 19.2, but the setup for your paging grid is the pre-19.2 version - can you confirm which Appian version you're currently on?

RE: Editable grid

husaina0001 — Wed, 19 Jun 2019 14:03:05 GMT

a!localVariables(
 local!existingUserPropertyMappingInfo: if(
    isnull(
      ri!userId
    ),
    null,
    a!queryEntity(
      entity: cons!OR_USER_PROPERTY_INFO,
      query: a!query(
        filter: a!queryFilter(
          field: "user_id",
          operator: "=",
          value: ri!userId
        ),
        pagingInfo: a!pagingInfo(
          startIndex: 1,
          batchSize: - 1
        )
      )
    ).data
  ),  

  local!existingUserPropertyIds: {
    a!forEach(
      items: local!existingUserPropertyMappingInfo,
      expression: fv!item.property_id
    )
  },
  local!gridSelection: a!gridSelection(
    selected: local!existingUserPropertyIds,
    pagingInfo: a!pagingInfo(
      startIndex: 1,
      batchSize: - 1,
      sort: a!sortInfo(
        field: "property_name",
        ascending: true
      )
    )
  ),
  local!properties: a!queryEntity(
    entity: cons!OR_PROPERTY_INFO,
    query: a!query(
      pagingInfo: a!pagingInfo(
        startIndex: 1,
        batchSize: - 1,
        sort: a!sortInfo(
          field: "property_name",
          ascending: true
        )
      )
    ),
    fetchTotalCount: true
  ),
  
  
  a!sectionLayout(
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                label: "",
                labelPosition: "COLLAPSED",
                value: {
                  a!richTextHeader(
                    text: "Select Properties"
                  )
                }
              ),
              a!gridField(
                label: "Select Properties",
                labelPosition: "COLLAPSED",
                totalCount: local!properties.totalCount,
                columns: {
                  a!gridTextColumn(
                    label: "Property Name",
                    field: "property_name",
                    data: index(
                      local!properties.data,
                      "property_name",
                      {}
                    )
                  ),
                  a!gridTextColumn(
                    label: "Address",
                    field: "address_line1",
                    data: index(
                      local!properties.data,
                      "address_line1",
                      {}
                    )
                  )
                },
                identifiers: local!properties.identifiers,
                value: local!gridSelection,
                saveInto: {
                  local!gridSelection,
                  a!save(
                    target: ri!userPropertyInfo,
                    value: if(
                      length(
                        local!gridSelection.selected
                      ) = 0,
                      null,
                      a!forEach(
                        items: local!gridSelection.selected,
                        expression: {
                          property_id: fv!item,
                          is_active: true(),
                          user_property_status: true()
                        }
                      )
                    )
                  )
                },
                selection: true,
                selectionStyle: "CHECKBOX",
                shadeAlternateRows: true,
                rowHeader: 1
              ),
              a!textField(
                label: "Selected Property IDs",
                value: if(
                  length(
                    local!gridSelection.selected
                  ) = 0,
                  "No Property selected",
                  joinarray(
                    local!gridSelection.selected,
                    ", "
                  )
                ),
                readOnly: true
              )
            }
          )
        }
      ),
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!buttonArrayLayout(
                buttons: {
                  a!buttonWidget(
                    label: "Cancel",
                    saveInto: {
                      a!save(
                        target: ri!actionEvent,
                        value: "listUsers"
                      ),
                      a!save(
                        target: ri!userId,
                        value: null
                      ),
                      a!save(
                        target: ri!userDetails,
                        value: null
                      )
                    },
                    style: "NORMAL"
                  ),
                  a!buttonWidget(
                    label: "Save",
                    submit: true,
                    style: "PRIMARY",
                    disabled: false/*,
                    saveInto: a!save(
                      target: ri!userPropertyInfo,
                      value: a!forEach(
                        items: local!existingUserPropertyMappingInfo,
                        expression: 
                          a!foreach(
                            items: ri!userPropertyInfo
                            expression:
                            if()
                          )
                        
                      )
                    )*/
                  )
                },
                align: "END"
              )
            }
          )
        }
      )
    }
  )
)

RE: Editable grid

Navajith K — Wed, 19 Jun 2019 12:48:51 GMT

Can you please mention how you are displaying the data in the grid? I didn't exactly get the issue that you are facing. The checkbox field should be something similar to below code. local!isActive should be replaced with your CDT field.

load(
local!isActive:false(),
a!checkboxField(
choiceLabels: {""},
choiceValues: {true()},
value: if(or(rule!APN_isBlank(local!isActive),local!isActive=false()),"",local!isActive),
saveInto: a!save(local!isActive,if(rule!APN_isBlank(save!value),false(),local!isActive))
)
)