semantic-ui dropdown usage on binding.scala

dropdown-initialize.scala

/*
      initializing semantic-ui dropdown after creation
*/

       object SemanticUI {
          @js.native
          trait SemanticJQuery extends JQuery {
            def dropdown(params: js.Any*): SemanticJQuery = js.native
          }

          implicit def jq2semantic(jq: JQuery): SemanticJQuery = jq.asInstanceOf[SemanticJQuery]
        }


     @dom def simpleDropdownSemantic: Binding[Element] = {

        val el = <select name="gender" class="ui dropdown" id="simple" data:tabindex="0">
          <option value="">Gender</option>
          <option value="male">Male</option>
          <option value="female">Female</option>
        </select>

        import SemanticUI.jq2semantic
        JQuery(el).dropdown()
        el
      }


    def main(): Unit = {
      if(navDebug) println("main ")
      binding.dom.render(document.body, render)
    }