Giter VIP home page Giter VIP logo

Comments (3)

lihaoyi avatar lihaoyi commented on August 16, 2024

Does this work?

"data-dojo-type".attr := "dijit/form/Select"

from scalatags.

frgomes avatar frgomes commented on August 16, 2024

Thanks a lot for your prompt response :)

It works in the code below, but I'd like to hide the assignment of the attribute inside class digit.Select. Any clues?

@JSExport
object ScalaJSExample {
  @JSExport
  def main(args: Array[String]): Unit = {
    val container = g.document.getElementById("container")
    container.innerHTML = render().toString()
  }
  private def render() =
    dijit.select(name := "select1", "data-dojo-type".attr := "dijit/form/Select")(
      option(value := "TN")("Tennessee"),
      option(value := "VA")("Virginia"),
      option(value := "WA")("Washington"),
      option(value := "FL")("Florida"),
      option(value := "CA")("California"))
}
object dijit {
  val select = "select".tag[Select]
  class Select extends dom.HTMLDivElement {
    //TODO: need to add custom attributes, such as: `data-dojo-type`:="dijit/form/Select"
    //TODO: implicit def ArrayModifier[A <% Modifier](xs: Array[A]) = new SeqModifier[A](xs.toSeq)
  }
}

from scalatags.

lihaoyi avatar lihaoyi commented on August 16, 2024
object dijit {

  val select = "select".tag[Select].apply(
    "data-dojo-type" := "dijit/form/Select"
  )

  class Select extends dom.HTMLDivElement 
}

FWIW you should ask on the mailing list; the issue tracker isn't good for general discussions =)

https://groups.google.com/forum/#!forum/scalatags

from scalatags.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.