editable grid

RE: editable grid

husaina0001 — Fri, 14 Jun 2019 07:51:40 GMT

Thanks all for your help. This problem is solved now. Instead of using load() I replaced it with a!localVariables(). This will update local variables every time when OR_addUpdateUser interface called.

RE: editable grid

husaina0001 — Wed, 12 Jun 2019 11:41:53 GMT

= load(
  local!existingUserPropertyMappingInfo: if(
    isnull(
      ri!userId
    ),
    {},
    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: local!gridSelection.pagingInfo
    ),
    fetchTotalCount: true
  ),
  a!sectionLayout(
    contents: {
      with(
        local!userDetails: if(
          isnull(
            ri!userId
          ),
          null,
          a!queryEntity(
            entity: cons!OR_USER,
            query: a!query(
              filter: a!queryFilter(
                field: "user_id",
                operator: "=",
                value: ri!userId
              ),
              pagingInfo: a!pagingInfo(
                startIndex: 1,
                batchSize: - 1
              )
            )
          ).data
        ),
        a!boxLayout(
          label: "ADD NEW USER",
          contents: {
            a!columnsLayout(
              columns: {
                a!columnLayout(
                  contents: {
                    a!textField(
                      label: "First Name",
                      labelPosition: "ABOVE",
                      placeholder: "First name",
                      value: if(
                        isnull(
                          local!userDetails
                        ),
                        ri!userDetails.first_name,
                        local!userDetails.first_name
                      ),
                      saveInto: ri!userDetails.first_name,
                      refreshAfter: "UNFOCUS",
                      required: true,
                      requiredmessage: "Please enter first name",
                      validations: {}
                    )
                  }
                ),
                a!columnLayout(
                  contents: {
                    a!textField(
                      label: "Last Name",
                      labelPosition: "ABOVE",
                      placeholder: "Last name",
                      value: if(
                        isnull(
                          local!userDetails
                        ),
                        ri!userDetails.last_name,
                        local!userDetails.last_name
                      ),
                      saveInto: ri!userDetails.last_name,
                      refreshAfter: "UNFOCUS",
                      required: true,
                      requiredmessage: "Please enter last name",
                      validations: {}
                    )
                  }
                )
              }
            ),
            a!columnsLayout(
              columns: {
                a!columnLayout(
                  contents: {
                    a!textField(
                      label: "Email",
                      labelPosition: "ABOVE",
                      placeholder: "Email",
                      value: if(
                        isnull(
                          local!userDetails
                        ),
                        ri!userDetails.primary_email,
                        local!userDetails.primary_email
                      ),
                      saveInto: ri!userDetails.primary_email,
                      refreshAfter: "UNFOCUS",
                      required: true,
                      requiredmessage: "Please enter email",
                      validations: {}
                    )
                  }
                ),
                a!columnLayout(
                  contents: {
                    a!dropdownField(
                      label: "Role",
                      labelPosition: "ABOVE",
                      placeholderLabel: "--- Select a Role ---",
                      choiceLabels: {
                        "Owner",
                        "Manager",
                        "Resident"
                      },
                      choiceValues: {
                        cons!OWNER_ROLE_ID,
                        cons!MANAGER_ROLE_ID,
                        cons!RESIDENT_ROLE_ID
                      },
                      value: if(
                        isnull(
                          local!userDetails
                        ),
                        ri!userDetails.role_id,
                        local!userDetails.role_id
                      ),
                      saveInto: ri!userDetails.role_id,
                      required: true,
                      requiredmessage: "Please select role",
                      validations: {}
                    )
                  }
                )
              }
            )
          },
          style: "STANDARD",
          marginBelow: "STANDARD"
        )
      ),
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!richTextDisplayField(
                label: "",
                labelPosition: "COLLAPSED",
                value: {
                  a!richTextHeader(
                    text: "Select Properties"
                  )
                }
              ),
              a!gridField(
                label: "Select Properties" & local!gridSelection,
                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(
                    ri!userPropertyInfo,
                    a!forEach(
                      items: local!gridSelection.selected,
                      expression: {
                        property_id: fv!item,
                        is_active: 1,
                        user_property_status: 1
                      }
                    )
                  )
                },
                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",
                    style: "NORMAL",
                    saveInto: {
                      a!save(
                        target: ri!actionEvent,
                        value: "listUsers"
                      ),
                      a!save(
                        target: ri!userId,
                        value: null
                      )                    
                    }
                  ),
                  a!buttonWidget(
                    label: "Save",
                    submit: true,
                    style: "PRIMARY",
                    disabled: false
                  )
                },
                align: "END"
              )
            }
          )
        }
      )
    }
  )
)

RE: editable grid

husaina0001 — Wed, 12 Jun 2019 11:23:30 GMT

Submission happens at OR_addUpdateUser. There are two interfaces

1. OR_userManagement

2. OR_addUpdateUser

Under OR_userManagement I am calling OR_addUpdateUser by clicking edit icon using following code:

rule!OR_addUpdateUser(
userDetails: ri!userDetails,
userPropertyInfo: ri!userPropertyInfo,
userId: ri!userId,
actionEvent: ri!actionEvent
)

So when OR_addUpdateUser calls we are hiding OR_userManagement contents temporary and display existing user details.So when the person click on edit icon it would display existing user's and its associate properties (multiple) information. Multiple properties are displayed in editable grid with checkbox selection. In edit mode checkboxes are checked based on property associate with user.

RE: editable grid

viveku3486 — Wed, 12 Jun 2019 11:21:48 GMT

Can it be possible for you to send the code of

rule!OR_addUpdateUser() ?

RE: editable grid

husaina0001 — Wed, 12 Jun 2019 10:56:25 GMT

Yes I am queriying based on userid. And userId is filled with appropriate value alos

RE: editable grid

viveku3486 — Tue, 11 Jun 2019 13:19:28 GMT

Hello Hussain,

How you are taking data that is being displayed on the click of edit button? I can see that you are saving userId when user clicks on edit button. Are you querying again based on this user id to get respective details? Have you checked the userId variable value? Is it taking the correct number?

RE: editable grid

Stewart Burchell — Tue, 11 Jun 2019 12:22:42 GMT

It's a little difficult to tell from what you've provided what the pattern is you're aiming for. If you're aiming to accumulate the changes in the interface and then commit those changes to the database in a process (as is suggested by the fact that you have rule inputs, but counter-suggested by the fact that your screen shot contains no 'Submit' button) OR you want to apply any changes made immediately (for which you have no apparent functionality in the interface to do this e.g. no a!writeToDatstore() function). Can you clarify what the pattern is you're aiming at and then perhaps we can explore options to fulfil this.