Use an array as bindable variable in Binding.scala

Question

The number of parameters in my case class for the data field changes dynamically.

So, can a Var also bind a js.Array in Binding.scala?

I tried following code without success:

case class Data(d: Var[js.Array[String]])
val data = Vars.empty[Data]

{
  for (x <- data) yield {
    val y: js.Array[String] = x.d.bind
    y.zipWithIndex.foreach{case (v, i) => <th>{ y(i) }</th>}
  }
}

In fact, the internal cache in a Vars[String] is a js.Array for the JS backend. — Yang Bo
– Yang Bo, Commented Mar 22, 2018 at 4:51

pme · Accepted Answer · 2018-03-20 20:31:08Z

2

I could bring it to work on ScalaFiddle.

In essence you have to put each array or option in a Constants object, like:

  @dom
  def render = {
      val bindData= data.bind
      <div>
        {Constants(bindData: _*)
           .map(a => dataElem(a))
           .map(_.bind)}
      </div>
    }

It should have:

Bind the data: val bindData= data.bind
Put Element around: <div> Put
Array in Constants constructor: Constants(bindData: _*)
Call Element with each data-element: .map(a => dataElem(a))
Bind each result: .map(_.bind)

So you go down level by level.

answered Mar 20, 2018 at 20:31

pme

14.9k5 gold badges63 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jiaming Lu · Accepted Answer · 2018-05-16 08:29:19Z

1

Coming from Binding.scala: Strategy to avoid too many dom-tree updates and have to mention that binding directly on Vars is slow compared to for comprehension.

You should always use for comprehension on Vars, except you are doing some aggregation that must work on the whole list.

For your example, I've created an updated ScalaFiddle: https://scalafiddle.io/sf/7lCiigL/0

answered May 16, 2018 at 8:29

Jiaming Lu

8856 silver badges20 bronze badges

Collectives™ on Stack Overflow

Use an array as bindable variable in Binding.scala

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related