从 Rapid JS 中的另一个字段更新检查员的一个输入字段

问题描述

目前我在检查器中有一个自定义输入字段，一旦 API 响应得到解决或选择了一个选项，它需要更新同一检查器中的另一个字段。 enter image description here

那么我如何更新这个字段并重新渲染检查器

export const sourceDatasetConnectionStringDatalist = (
  path: string,options: { [key: string]: any },value: string,inspector: ui.Inspector,listTitle: string
) => {
  const connectionStringDataListContainer = document.createElement("DIV")
  const connectionStringDataListInput = document.createElement("INPUT")
  connectionStringDataListInput.setAttribute("LIST","art-source-dataset-con-datalist")
  const connectionStringDataList = document.createElement("DATALIST")
  connectionStringDataList.setAttribute("ID","art-source-dataset-con-datalist")
  const connectionStringDataListLabel = document.createElement("LABEL")
  connectionStringDataListLabel.innerHTML = listTitle
  
  connectionStringDataListInput.setAttribute("VALUE")
  fetchConnectionString()
    .then(response => {
      response.json().then(res => {
        res.forEach((element: { connectionString: string; id: string }) => {
          const option = document.createElement("option")
          option.value = element.connectionString
          option.id = element.id
          connectionStringDataList.appendChild(option)
        })
        connectionStringDataListContainer.appendChild(connectionStringDataList)
        connectionStringDataListInput.addEventListener('change',(event) => {
          connectionStringDataListInput.setAttribute(
            "result",(event.target as HTMLInputElement).value
          )
          inspector.updateCell(jQuery(connectionStringDataListInput),path,options)
        });
      })
    })
    .catch(err => {
      flashMessage("Connection Status",`Error: ${err}`,"alert")
    })

  connectionStringDataListContainer.appendChild(connectionStringDataListLabel)
  connectionStringDataListContainer.appendChild(connectionStringDataListInput)

  return connectionStringDataListContainer
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）