Mirror of forum.nim-lang.org

6048 :: Karax: Adding elements

• herdingSheep (orginal) [2020-03-06T19:11:57+01:00] view original

  How do I add HTML elements at runtime? I am aware of the following example https://github.com/pragmagic/karax#event-model but I can not convert the example to anything else but a kstring. Manipulating the code ends in failure. What if I wanted it to be a h1 or a text entry field or a tdiv containing multiple elements?

---

• jyapayne (orginal) [2020-03-06T19:23:43+01:00] view original

  You need to use the VNode data type in the seq. This is a working example:

  include karax / prelude
  
  var elements: seq[VNode] = @[]
  
  proc createDom(): VNode =
    result = buildHtml(tdiv):
      button:
        text "Say hello!"
        proc onclick(ev: Event; n: VNode) =
          let node = buildHtml(tdiv):
            h1:
              text "Hello!"
          elements.add(node)
      for element in elements:
        tdiv:
          element
  
  setRenderer createDom
  Run

---

• herdingSheep (orginal) [2020-03-07T09:11:58+01:00] view original

  Thank you @jyapayne. It seems very simple now that I see code that works.

---