Editable grid view with dropdown

RE: Editable grid view with dropdown

jeffrey Torres — Wed, 25 Oct 2023 09:25:58 GMT

it works sir, but did not remove the selected value.

RE: Editable grid view with dropdown

Stefan Helzle — Wed, 25 Oct 2023 08:10:12 GMT

Yeah, I expected this to happen. I think the error message is pretty clear. You have to make sure that a drop down still shows the selected choice. You could add the id of the locally selected choice like this:

wherecontains(
  {
    difference(
      tointeger(local!service.id),
      tointeger(fv!item.serviceId)
    ),
    tointeger(fv!item.serviceId) /* This keeps the locally selected item in the list */
  },
  local!service.id
),

BTW, your code only removes the locally selected choice from all choices. I think you should remove the selections from all drop downs. I did not change this.

RE: Editable grid view with dropdown

jeffrey Torres — Wed, 25 Oct 2023 03:32:11 GMT

hello sir, this is what you mean to wrap down my drop down into a separate a!localvarariables? I'm encountering an error. I just need some recommendation. thank you

rows: a!forEach(
        items: ri!channelService,
        expression: a!gridRowLayout(
          id: fv!index,
          contents: {
            a!localVariables(
              local!choices: index(
                local!service,
                wherecontains(
                    difference(
                      tointeger(local!service.id),
                      tointeger(fv!item.serviceId)
                    ),
                  local!service.id
                ),
                null
              ),
              a!dropdownField(
                label: "Dropdown",
                labelPosition: "ABOVE",
                placeholder: "--- Select a Service ---",
                choiceLabels: local!choices.name,
                choiceValues: local!choices.id,
                value: fv!item.serviceId,
                saveInto: fv!item.serviceId,
                searchDisplay: "ON",
                required: true,
                requiredMessage: "Service is required"
              )
            ),
            /*Remove row*/
            a!richTextDisplayField(
              value: a!richTextIcon(
                icon: "close",
                altText: "delete " & fv!index,
                caption: "Remove",
                link: a!dynamicLink(
                  value: fv!index,
                  saveInto: {
                    if(
                      a!isNotNullOrEmpty(fv!item.id),
                      a!save(
                        ri!deletedChannelService,
                        append(
                          ri!deletedChannelService, 
                          a!update(
                            data: fv!item,
                            index: "status", 
                            value: cons!IBM_SERVICE_STATUS_FOR_DELETION)
                        )
                      ),
                      null
                    ),
                    a!save(ri!channelService, remove(ri!channelService, save!value))
                  }
                ),
                linkStyle: "STANDALONE",
                showWhen: length(ri!channelService) > 1,
                color: "NEGATIVE"
              )
            )
          }
        )
      ),

RE: Editable grid view with dropdown

Stefan Helzle — Tue, 24 Oct 2023 09:09:46 GMT

Next time please

This code snippet returns the not selected items:

a!localVariables(
  local!services: {
    a!map(id: 1, name: "A"),
    a!map(id: 2, name: "B"),
    a!map(id: 3, name: "C"),
    a!map(id: 4, name: "D"),
    a!map(id: 5, name: "E"),
  },
  local!selectedServices: {2,4},
  index(
    local!services,
    wherecontains(difference(local!services.id, local!selectedServices), local!services.id),
    null
  )
)

When you wrap your dropdown into a separate a!localVariables, you can do that evaluation separately for each dropdown.