Accessing value by javascript Play Framework/Scala

Question

First of all I am using Play framework with scala.

I am creating a graph and with the node id I would like to show some information at the same page.

In order to do that, first I need to get node.name but for some reasons @node.name function is not working. When searching for it I learnt that it's because play is server-side and js is client-side. However I need to get the data somehow.

I also cannot access:

var html = "<h4>" + node.name + "</h4><b> connections:</b><ul><li>"

How can I access this through the view?

My second question is after reaching the js node.name, I need to access to controller and do the same action one more time but this time with the new node.name .

View Part:

onClick: function(node) {
  @node.name
}

Community · Accepted Answer · 2017-05-23 11:49:59Z

2

1) Is this code in your controller? And are the node variable in scope? If so this should be perfectly legal code, since it will be evaluated as pure scala.

2) The templates are a different story however. You probably know they parse everything as normal html, unless escaped. To use a variable you have to bring it into scope by either:

defining a 'constructor' for the template at the absolute beginning of the file:

@(node : Node)

...

@node.name // later in the file

See http://www.playframework.com/documentation/2.0/ScalaTemplates

or define a variable inside the template:

@defining( Get.node.from.somewhere ) { node =>
```
    @node.name
```
}

See Play! framework: define a variable in template?

If you did either of the two, you should have no problem accessing the node variable. Even in scripts. But note that external scripts does not have access to the same variables. It is thus very common to use inline scripts or import it as another template if you need to access a variable from JavaScript.

Edit: I've made a gist of a template, controller and routes file: https://gist.github.com/Jegp/5732033

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered Jun 3, 2013 at 14:38

Jens Egholm

2,7103 gold badges24 silver badges35 bronze badges

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

12 Comments

Ducaz035 Over a year ago

1)this code is in my view page and its js. how can i import as another template and then access it ?

Jens Egholm Over a year ago

Either you can embed the javascript in your play html-/template-file or define an entirely new template that can be included using the normal @ syntax. This is actually also a pretty good practice when it comes to serving the webpage, due to some magical stuff tied to the HTTP-protocol. I'd be happy to tell you more if you're interested.

Ducaz035 Over a year ago

Sure i would like to learn okey that's what i did so far . main.scala page : <script type="text/javascript" src="@routes.SupertrackController.javascriptRoutes"></script> @helper.javascriptRouter("jsRoutes")( routes.javascript.SupertrackController.supertrack(id) ).--------------- controllers------------- def javascriptRoutes = Action { implicit request => Ok( Routes.javascriptRouter("jsRoutes")( supertrack(id) ) ).as("text/javascript") }

Ducaz035 Over a year ago

but i have some problems with id actually in all examples , there is no id field and i couldn't find out how to make it.

Jens Egholm Over a year ago

These slides gives excellent advice for HTTP-performance: igvita.com/slides/2013/fluent-perfcourse.pdf

|

Collectives™ on Stack Overflow

Accessing value by javascript Play Framework/Scala

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related