Interface with auto populating and editing the text field.

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Mon, 22 Apr 2024 09:35:20 GMT

Thanks for your help. With this code, when we enter a new value in the document name it's not reflected. I used like below:
a!fileUploadField(
label: "Document",
labelPosition: "ABOVE",
target: cons!TEST_APPLICATION_DOCUMENT,
maxSelections: 1,
value: local!document,
saveInto: {
local!document,
a!submitUploadedFiles(
onSuccess: {
a!save(local!sucess, true),
a!save(
local!documentName,
document(index(local!document, 1), "name")
)
},
onError: a!save(local!sucess, false)
)
},
required: true,
validations: {}
)

a!textField(
label: "Document Name",
labelPosition: "ABOVE",
value: local!documentName,
saveInto: local!documentName,
showWhen: a!isNotNullOrEmpty(local!document),
required: true
)

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Mon, 22 Apr 2024 09:33:08 GMT

Thanks for your reply. I used similar to your code. In the fileUploadFieldd saveinto, saved the uploaded document name to the local variable and it's working fine.

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Mon, 22 Apr 2024 09:29:43 GMT

Hi shubham, Thanks for your help. I tried your code in a separate interface and it's working fine.

RE: Interface with auto populating and editing the text field.

johibd1593 — Mon, 22 Apr 2024 08:37:58 GMT

Hi hema.mathivathanan

a!localVariables(
local!docName,
{
a!fileUploadField(
label: "Document",
target: cons!NA_Upload_Documnet_CONS,
maxSelections: 1,
value: ri!document,
saveInto: {
a!save(ri!document, save!value),
a!submitUploadedFiles()
}
),
a!textField(
label: "Document Name",
value: if(
a!isNullOrEmpty(ri!document),
null,
document(documentId: ri!document, property: "name")
),
saveInto: { a!save(local!docName, save!value) }
)
}
)

You Can Try This Code .

RE: Interface with auto populating and editing the text field.

Harsh Kumar Agarwal — Fri, 19 Apr 2024 15:29:29 GMT

Try using following code:

a!localVariables(
  local!documentId,
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!fileUploadField(
            target: cons!APP_FOLDER_TEMPORARY_FOLDER,
            maxSelections: 1,
            value: local!documentId,
            saveInto: {
              local!documentId,
              a!save(
                ri!documentName,
                index(
                  index(
                    index(
                      a!fileUploadField(value: local!documentId),
                      "contents",
                      null
                    ),
                    "value",
                    null
                  ),
                  "fileName",
                  null
                )
              )
            }
          )
        }
      ),
      a!columnLayout(
        contents: {
          a!textField(
            label: "File Name",
            labelPosition: "ABOVE",
            value: ri!documentName,
            saveInto: ri!documentName
          )
        }
      )
    }
  )
)

Save the document name in rule input instead of local so you do not need to make any changes on 'SUBMIT' button.
Output of above code:

RE: Interface with auto populating and editing the text field.

Shubham Aware — Fri, 19 Apr 2024 14:19:18 GMT

hema.mathivathanan Let me know if that works for you.

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Fri, 19 Apr 2024 14:17:42 GMT

Thanks Shubham, I'll try this

RE: Interface with auto populating and editing the text field.

Shubham Aware — Fri, 19 Apr 2024 14:15:20 GMT

hema.mathivathanan
You have to add same code to button saveInto to reflect data into local!docName

Understand below code and try to implement for yours.
It will solve your problem.

a!localVariables(
  local!docName,
  local!prepopulatedName: "Test",
  {
    a!textField(
      label: "File Name",
      labelPosition: "ABOVE",
      value: if(
        a!isNullOrEmpty(local!docName),
        local!prepopulatedName,
        local!docName
      ),
      saveInto: local!docName,
      refreshAfter: "KEYPRESS"
    ),
    a!buttonArrayLayout(
      buttons: {
        a!buttonWidget(
          label: "Button",
          style: "OUTLINE",
          saveInto: a!save(
            local!docName,
            if(
              a!isNullOrEmpty(local!docName),
              local!prepopulatedName,
              local!docName
            )
          )
        )
      },
      align: "START",
      marginBelow: "NONE"
    )
  }
)

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Fri, 19 Apr 2024 13:29:18 GMT

for the below issue, should we have something in the submit button?

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Fri, 19 Apr 2024 13:08:53 GMT

Hi Shubham,

tried the above code. The problem with the above code is if the user doesn't change the prepoulated name, then it's not saving the pre populated value to the local variable since there is no user intervention to the text field.

RE: Interface with auto populating and editing the text field.

Shubham Aware — Fri, 19 Apr 2024 12:57:13 GMT

Hi hema.mathivathanan
Can you try this?

a!textField(
  label: "File Name",
  labelPosition: "ABOVE",
  value: if(a!isNullOrEmpty(local!docName), local!prepopulatedName, local!docName),  
  saveInto: local!docName,
  refreshAfter: "KEYPRESS"
),

RE: Interface with auto populating and editing the text field.

hema.mathivathanan — Fri, 19 Apr 2024 12:37:37 GMT

Hi Chaitanya,

My requirement is when the user upload a document, I need to get the document name from that and populate in the text field which is the "Document name". And that's why I have a separate local variable for the document name.

RE: Interface with auto populating and editing the text field.

Konduru Chaitanya — Fri, 19 Apr 2024 12:03:08 GMT

Hello hema.mathivathanan

Why do you want to have a different local variable to store the value? If the user doesn't make any change it would not make any change and if the user makes any change it would simply save the new value.
May be you can use exact() and have a local which has the older value/pre-loaded value which would not refresh to find if there is any change in the value and disable the submit button if that is what you are trying to do.