Grid Link and display text

RE: Grid Link and display text

Mike Schmitt — Wed, 30 Dec 2020 13:35:19 GMT

Ah, I missed that piece in my implementation somehow.

That's pretty simple to add using a little if() logic in the link saveInto, however:

a!richTextDisplayField(
  value: a!richTextItem(
    text: fv!row.id,
    link: a!dynamicLink(
      value: fv!row.id,
      saveInto: {
        a!save(
          local!selectedId,
          if(
            local!clicked,
            if(
              local!selectedId = fv!row.id,
              null(),
              fv!row.id
            ),
            fv!row.id
          )
        )
      }
    )
  )
)

RE: Grid Link and display text

ankitab254 — Wed, 30 Dec 2020 06:40:33 GMT

Hi @normanc, Thanks for your answer. However, This solution does not hide the display text. The requirement is, when I click link 1, value should be shown, when I click it again, it should be hidden. But, instead of clicking it again, if I click Link2, the corresponding value should be displayed.

I way I coded local!click was doing the same thing, but it was taking 2 clicks to display the second value.

RE: Grid Link and display text

ankitab254 — Wed, 30 Dec 2020 06:37:53 GMT

Hi Mike, Thanks for your answer and your tip on the link field. This solution does not hide the display text. The requirement is, when I click link 1, value should be shown, when I click it again, it should be hidden. But, instead of clicking it again, if I click Link2, the corresponding value should be displayed.

I way I coded local!click was doing the same thing, but it was taking 2 clciks to display the second value.

RE: Grid Link and display text

Mike Schmitt — Tue, 29 Dec 2020 20:27:36 GMT

Here's how I'd suggest you re-write the above code:

a!localVariables(
  local!gridData: todatasubset({ { id: 1 }, { id: 2 }, { id: 3 } }),
  local!selectedId: tointeger(null()),
  local!clicked: not(isnull(local!selectedId)),
  local!display: {
    { id: 1, name: "abc" },
    { id: 2, name: "pqr" }
  },
  {

    a!gridField(
      label:"Click Links",
      data:local!gridData.data,
      columns: {
        a!gridColumn(
          label:"Link",
          value: a!richTextDisplayField(
            value: a!richTextItem(
              text: fv!row.id,
              link: a!dynamicLink(
                value: fv!row.id,
                saveInto: {
                  local!selectedId
                }
              )
            )
          )
          /*a!linkField(*/
            /*label: fv!row.id,*/
            /*links: a!dynamicLink(*/
              /*label: fv!row.id,*/
              /*value: fv!row.id,*/
              /*saveInto: {*/
                /*local!selectedId,*/
                /*a!save(*/
                  /*local!clicked,*/
                  /*if(local!clicked, false, true)*/
                /*)*/
              /*}*/
            /*)*/
          /*)*/
        )
      }     
    ),
    a!textField(
      label: index(
        local!display.name,
        wherecontains(
          local!selectedId,
          tointeger(local!display.id)
        )
      ),
      showWhen: local!clicked
    )
  }
)

Here we make use of the auto-updating nature of a!localVariables() values by setting "local!clicked" to simply key off of whether there's an ID selected. That way, you don't need to waste an extra saveInto (and the accompanying if() logic surrounding it to determine its new value).

Also - don't use a!linkField. We have a!richTextDisplayField() now and it's far more usable, more flexible, etc.

RE: Grid Link and display text

normanc — Tue, 29 Dec 2020 17:10:45 GMT

I would remove the local!clicked toggle and change the showWhen to:

showWhen: contains(tointeger(local!display.id), tointeger(local!selectedId))