How to implement custom fields to display in the gridField?

RE: How to implement custom fields to display in the gridField?

JayaPrakash Ravipati — Fri, 06 Dec 2024 05:06:59 GMT

Use the below code it will help

a!localVariables(
  local!data:{
    a!map(requestID:1,refNum:"LP012",subject:"Test1",asset:"Laptop"),
    a!map(requestID:2,refNum:"TB-2344",subject:"Test2",asset:"Tablet"),
  },
  local!gridFields1:{"Request Id","Reference Number","Subject","Asset"},
  local!selectedData,
  {
    a!multipleDropdownField(
      choiceLabels: local!gridFields1,
      choiceValues: local!gridFields1,
      label: "Column Types",
      placeholder: "--Select Columns--",
      value: local!selectedData,
      saveInto: local!selectedData
      
    ),
    a!gridField(
      label: "Read-only Grid",
      labelPosition: "ABOVE",
      data: local!data,
      columns: {
        a!gridColumn(
          label: "Request Id",
          value: fv!row.requestID,
          showWhen: if(
            a!isNotNullOrEmpty(local!selectedData),
            if(
              contains(
                touniformstring(local!selectedData),
                touniformstring(local!gridFields1[1])
              ),
              true(),
              false()
            ),
            true()
          )

,
          align: "END"
        ),
        a!gridColumn(
          label: "Reference Number",
          value: fv!row.refNum,
          showWhen: if(
            a!isNotNullOrEmpty(local!selectedData),
            if(
              contains(
                touniformstring(local!selectedData),
                touniformstring(local!gridFields1[2])
              ),
              true(),
              false()
            ),
            true()
          )
        ),
        a!gridColumn(
          label: "Subject",
          value:fv!row.subject,
          showWhen: if(
            a!isNotNullOrEmpty(local!selectedData),
            if(
              contains(
                touniformstring(local!selectedData),
                touniformstring(local!gridFields1[3])
              ),
              true(),
              false()
            ),
            true()
          )
        ),
        a!gridColumn(
          label: "Asset",
          value: fv!row.asset,
          align: "START",
          showWhen: if(
            a!isNotNullOrEmpty(local!selectedData),
            if(
              contains(
                touniformstring(local!selectedData),
                touniformstring(local!gridFields1[4])
              ),
              true(),
              false()
            ),
            true()
          )
        )
      },
      validations: {}
    )
    
  }
)

RE: How to implement custom fields to display in the gridField?

gayatria0439 — Thu, 05 Dec 2024 07:01:05 GMT

Hi yans8297 ,Check this out, maybe you will get the output you're looking for. Based on the selected value, it will display the columns, or you can choose the logged-in user using function called a!isUserMemberOfGroup().

RE: How to implement custom fields to display in the gridField?

Prasanta Paul — Thu, 05 Dec 2024 06:33:08 GMT

I am giving you an example, you can develop like that.

a!localVariables(
  local!save : 2,
  {
  a!radioButtonField(
    label: "Is user ?",
    choiceLabels: {"User","Admin"},
    choiceValues: {1,2},
    value: local!save,
    saveInto: local!save,
    choiceStyle: "CARDS",
  ),
  a!gridField(
    label: "Read-only Grid",
    labelPosition: "ABOVE",
    data: 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details',
    columns: {
      a!gridColumn(
        label: "Id",
        sortField:  'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{c0258c07-713f-4c0f-8fed-f85fa4aaea65}id',
        value: fv!row[ 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{c0258c07-713f-4c0f-8fed-f85fa4aaea65}id'],
        showWhen: local!save = 2
      ),
      a!gridColumn(
        label: "Name",
        sortField:  'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{a9d0f67a-cba2-4fda-bc8f-3dc112496562}firstName',
        value: fv!row[ 'recordType!{f55afdcb-53bf-4764-9d6b-79d1e1490735}PSB Details.fields.{a9d0f67a-cba2-4fda-bc8f-3dc112496562}firstName'],
        align: "START"
      ),
    }
  )
  }
)

RE: How to implement custom fields to display in the gridField?

yans8297 — Thu, 05 Dec 2024 06:26:45 GMT

Not for Dropdown. This is about the functionality of the gridField and gridColumn. For example, currently our list has the following fields.

But the list here may have a lot of fields, so users want to decide what fields to display and how to display them depending on their needs. For example, user want 3 columns and change the order, like below:

RE: How to implement custom fields to display in the gridField?

yans8297 — Thu, 05 Dec 2024 06:15:21 GMT

Not for dropdown, for example, we have a grid like below:

But there may be too many columns in this list, so users want to decide for themselves what columns to display and how to display them. for example, user want to display 3 columns and change the order, like below:

I'm not sure if there's any way to implement this, my original idea was that the user would through dropdown to select the desired column, and we showed it by show when condition, but that doesn't solve the order problem, because neither dropdown nor checkbox has the ability to generate values in the order of selection.

RE: How to implement custom fields to display in the gridField?

JayaPrakash Ravipati — Thu, 05 Dec 2024 05:53:35 GMT

So you want the values of the columns in dropdown in the grid.

Ex: [ID,STATUS,AGE] are grid headers in the grid Data you want the dropdown.

Or all the grid headers in the dropdown

RE: How to implement custom fields to display in the gridField?

yans8297 — Thu, 05 Dec 2024 05:51:19 GMT

The user wants to display the column they want, for example, the current gridField displays the fields [ID, NAME, AGE, STATUS], but the user wants to display [ID, STATUS, AGE] through dropdown options or other ways.

RE: How to implement custom fields to display in the gridField?

JayaPrakash Ravipati — Thu, 05 Dec 2024 05:50:12 GMT

Can you elaborate the use case

RE: How to implement custom fields to display in the gridField?

yans8297 — Thu, 05 Dec 2024 05:39:37 GMT

Yes, I can show the specific fields by the user's selected set and show when condition, but I don't have an idea of the order. because:
1. We can't dynamically adjust the order of the gridcolumn, right?
2. Our checkbox component can't save the values according to the order I choose, and it can't annotate the order, which makes it difficult for me to deal with the order.

RE: How to implement custom fields to display in the gridField?

JayaPrakash Ravipati — Thu, 05 Dec 2024 05:33:38 GMT

1. For the specific fields what you want to show to the user have a show when condition for the gridfields .

RE: How to implement custom fields to display in the gridField?

yans8297 — Thu, 05 Dec 2024 05:27:45 GMT

RE: How to implement custom fields to display in the gridField?

Prasanta Paul — Thu, 05 Dec 2024 05:18:04 GMT

Can you please elaborate more?