using scala.js method as callback

Question

I am loading google map in async way ,

@JSExport("sample")
 object Sample {

  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    //case 1
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=sample().initialize"
    // case 2
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=sample.initialize"
    document.body.appendChild(script)
  }

  @JSExport
  def initialize() :Unit  = {
     println(" map loaded successfully")
  }
}

In case 1 google sending response - 400(bad request)

In case 2 i am getting undefined function ( window.sample.initialize())

i can define a javascript function ,inside that function i can call sample().initialize() , but is there any cleaner way ?

IMHO case 1 should be right. Are you sure this is not just a URL encoding problem? — gzm0
– gzm0, Commented Dec 12, 2014 at 9:45
no URL encoding issues,:host:maps.googleapis.com :method:GET :path:/maps/api/js?v=3.exp&callback=sample().initialize — invariant
– invariant, Commented Dec 12, 2014 at 9:52
Thanks for bringing this up. FYI I filed an issue for this: github.com/scala-js/scala-js/issues/1381 — gzm0
– gzm0, Commented Dec 12, 2014 at 9:56

sjrd · Accepted Answer · 2014-12-12 11:51:40Z

4

I would use Scala.js' dynamic API to create the JavaScript function on the top-level. The advantage over @gzm0's solution is that it's less hacky, and requires less boilerplate.

object Sample {
  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initializeSample"
    document.body.appendChild(script)

    js.Dynamic.global.initializeSample = initialize _
  }

  private def initialize(): Unit =
    println("map loaded successfully")
}

answered Dec 12, 2014 at 11:51

sjrd

22.2k2 gold badges65 silver badges95 bronze badges

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

2 Comments

invariant Over a year ago

thanks a ton man it solved my other issue too :) ,btw what is that _ ?

sjrd Over a year ago

It converts the method into a Function. See for example stackoverflow.com/questions/8000903/…

gzm0 · Accepted Answer · 2014-12-12 09:48:42Z

1

This is a hacky answer, but potentially useful as a workaround.

Instead of giving the Google API something corresponding to a Scala.js function, you can give it the module initializer directly:

object Sample {
  def loadScript = {
    val script = document.createElement("script").asInstanceOf[HTMLScriptElement]
    script.`type` = "text/javascript"
    script.src = "https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initializeSample"
    document.body.appendChild(script)
  }
}

@JSExport("initializeSample")
object Initializer {
  println(" map loaded successfully")
}

answered Dec 12, 2014 at 9:48

gzm0

14.9k1 gold badge38 silver badges65 bronze badges

1 Comment

invariant Over a year ago

thank you ,its definitely a good work around than creating javascript function.

Collectives™ on Stack Overflow

using scala.js method as callback

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related