Как вы можете динамически генерировать формы ввода в Lift

#scala #lift

#scala #lift

Вопрос:

Я работаю над своим первым проектом Lift и у меня возникла необходимость генерировать формы «на лету». Чтобы быть более точным, у меня есть некоторые операции, которые представлены объектами, к которым прикреплен список параметров — некоторые из них представляют собой строки, некоторые числа, некоторые логические значения, некоторые файлы. Мне нужно передать объекту operation конкретные значения для его параметров через форму. В настоящее время я просто просматриваю список параметров и генерирую форму непосредственно в формате XML, но я знаю, что это крайне плохой стиль — я не могу привязать входные значения, я не могу привязать действие к отправке, я не могу применить проверку. Я застрял, передавая параметры запроса, но я хочу это исправить. К сожалению, я понятия не имею, как это сделать, поэтому буду признателен за любую помощь. Все примеры, которые я продолжаю находить, всегда имеют фиксированное количество входных параметров заранее.

Вот немного связанного кода. Я надеюсь, что это достаточно понятно (и мне действительно стыдно публично показывать это 🙂 )

 def operationForm(): NodeSeq = {
    val operationCode = S.param("operation").openOr("")
    val operationVariant = S.param("operationVariant").openOr("")

    if (operationCode != "" amp;amp; !operationVariant.isEmpty) {
      val operation = LighthouseDAOs.operationsRegistry.findByCode(operationCode)
      val params: List[Parameter] = if (operationVariant == "default") {
        operation.getParameters.toList
      } else {
        operation.getParameters.filter(p => p.getVariant == operationVariant).toList
      }

      <lift:surround with="closableBox" at="content">
        <form id="viewOperation" post={"/Deployment/"   S.param("location")   "/"   S.param("deployment")} method="post">
          {params.map(p => getInputElem(p))}
            <input type="submit" style="width: 150px;" value="Execute operation"/>
            <input type="hidden" name="executeOperation" value="true"/>
        </form>
      </lift:surround>
    } else {
      <span></span>
    }
  }

  private def getOperationVariants(operation: Operation): Set[String] = {
    operation.getParameters.map(_.getVariant).toSet
  }

  def operationVariants(deployment: Deployment): NodeSeq = {
    val operationCode = S.param("operation").openOr("")

    if (operationCode != "") {
      val operation = LighthouseDAOs.operationsRegistry.findByCode(operationCode)

      val variants = getOperationVariants(operation)

      if (variants.size > 1) {
        <lift:surround with="closableBox" at="content">
          <table cellspacing="0" cellpadding="0" border="0">
            <tr>
              <th style="width: 160px;">Operation
                {operation.getLongName}
                variants</th>
            </tr>{variants.map(v => {
            <tr>
              <td>
                <a href={Path.path   "Deployment/"   encode(deployment.getLocation)   "/"   encode(deployment.getDeployedComponent.getCode)   "?operation="   encode(operation.getCode)   "amp;operationVariant="   encode(v)}>
                  {v}
                </a>
              </td>
            </tr>
          })}
          </table>
        </lift:surround>
      } else {
        <span></span>
      }
    } else {
      <span></span>
    }
  }

  def getInputElem(param: Parameter): Node = {
    if (param.getChoice != null) {
      <div>
        <label for={param.getName}>
          {param.getName}
        </label>
        <select id={param.getName} name={param.getName}>
          {param.getChoice.flatMap(c => <option value={c}>
          {c}
        </option>)}
        </select>
      </div>
    } else {

      val paramType = param.getType match {
        case Parameter.PASSWORD => "password"
        case Parameter.BOOLEAN => "checkbox"
        case Parameter.CLOB => "file"
        case _ => "text"
      }

      <div>
        <label for={param.getName}>
          {param.getName}
          :</label> <input type={paramType} id={param.getName} name={param.getName} stype="width: 300px;">
        {param.getDefaultValue}
      </input>
      </div>
    }
  }

  def executeOperation(deployment: Deployment): Elem = {
    val operationCode = S.param("operation").openOr("")
    val operationVariant = S.param("operationVariant").openOr("")

    if (S.param("executeOperation").openOr("false") == "true") {
      val op = LighthouseDAOs.operationsRegistry.findByCode(operationCode)
      val params = op.getParameters

      LogLH3.info("Executing operation: "   op.getLongName)

      val operationInstallation = new OperationInstallation();
      operationInstallation.setInstallationLocation(deployment);
      operationInstallation.setInstalledOperation(op);

      val operationCall = new OperationCall(operationInstallation);
      if (operationVariant != "" amp;amp; operationVariant != "default")
        operationCall.setVariant(operationVariant)

      params.filter(p => p.getVariant == operationVariant).foreach(p => operationCall.addParameterValue(op.createParameterValue(p.getName, S.param(p.getName).openOr(""))))

      try {
        LighthouseDAOs.operationInstallationRegistry.execute(operationCall)
        S.notice("Operation "   op.getLongName   " was executed successfully.")
      } catch {
        case e: Exception => S.error(e.getMessage)
      }
    }

    <span></span>
  }
  

Просто для справки, я использую Lift 2.2 и Scala 2.8.1

Комментарии:

1. Вам следует быть немного более конкретным в отношении того, как вы делаете что-то в данный момент. Может быть, покажите нам упрощенный фрагмент кода, чтобы мы могли его улучшить.

2. Выполнено. Я думал, что мое объяснение было достаточно общим, но примеры кода никогда не повредят (даже такие уродливые, как этот). В основном operationForm () генерирует форму элемент за элементом, а executeOperation () обрабатывает отправленные параметры. Проблемы очевидны — я не могу проверить входные данные формы и не могу получить файлы, отправленные как часть составного запроса. Однако, я просто не знаю лучше. Lift кажется отличным фреймворком, но, я думаю, ему действительно нужно немного больше документации.

Ответ №1:

Вы могли бы улучшить этот пример и сделать его немного более удобным для разработчика, но вот основная идея. Конечно, вам нужно будет обернуть это в какую-то форму.

В принципе, у вас есть шаблон и замените его содержимое чем-то динамически генерируемым с использованием привязки селектора CSS.

В вашем шаблоне:

 <div class="lift:MyForm.render">
  Form will go here
</div>
  

Фрагмент:

 class MyForm extends Snippet {
  def render = {
    val fields = List("a", "b", "c")
    var params: Map[String, String] = ... //or whatever

    def setf(key: String)(value: String) = params = params.updated(key, value)
    def getf(key: String)() = params.get(key)

    "*" #> fields map {
      field =>
        <p>
          <label>{field}</label>{SHtml.text(getf(field) _, setf(field) _)}
        </p>
    }
  }
}