Question

i’m using an AjaxSelect which contains several ids. By selecting an id the additional information to this id should be displayed in a given table which will be generated by a snippet. Now i want to know which would be the best solution to refresh my list?

HTML:

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Type</th>
        </tr>
    </thead>

    <tbody>
        <tr class="lift:MainScreen.cars">
            <td><car:name /></td>
            <td><car:type /></td>
        </tr>
    </tbody>
</table>

SCALA:

def doSelect(msg: NodeSeq) = {
  SHtml.ajaxSelect(cars.map(i => (i.no.toString, i.no.toString + ". Car")),
    Empty, {
      selectedCar =>
        controller.chooseCar(selectedCar.toInt)
        // RELOAD TABLE
    })
}

def cars(node: NodeSeq): NodeSeq = {
  val cars = controller.chosenCarFamily.cars
  cars match {
     case null => Text("There is no items in db")
     case game => game.flatMap(i =>
       bind("car", node,
            "name" -> car.name,
            "type" -> car.type))
  }
}

Answer 1

You should use ValueCell and WiringUI. Very good examples can be found at simple_wiring and invoice_wiring.

When using WiringUI, each time the valueCell cell is updated, the content linked with WiringUI.apply(cell) will be updated. So it should do the trick.

Here is an example for your specific case:

HTML:
Same as yours

SCALA:

class MainScreen{
  def doSelect(msg: NodeSeq) // same as yours

  def cars = WiringUI.apply(controller.chosenCarFamily)(displayResult)

  def displayResult(carFamily:CarFamily)(node: NodeSeq) ={
    carFamily.cars match {
      case null => Text("There is no items in db")
      case game => game.flatMap(i =>
        bind("car", node,
          "name" -> i.name,
          "type" -> i.type))
    }
  }
}

object Controller{
  val selectedCar = ValueCell(1)
  def chooseCar = sectectedCar.set      
  val chosenCarFamily = selectedCar.lift(car:Int => //Stuff to output the family)
}