Eclipse Community Forums: Eclipse Scout » [Javascript] Set custom parent of element created with scout.create()?

Home » Eclipse Projects » Eclipse Scout » [Javascript] Set custom parent of element created with scout.create()?(I want to use Scout form elements in custom non-Scout DOM elements)

Show: Today's Messages :: Show Polls :: Message Navigator

[Javascript] Set custom parent of element created with scout.create()? [message #1773337]

Tue, 26 September 2017 14:41

Marius Tippkämper

Messages: 2
Registered: July 2017

Junior Member

Hey everybody,

I'm generating Scout form fields on the client side via Javascripts scout.create(), in this case a StringField.

var stringField = scout.create('scout.StringField', {
  parent: scout.sessions[0].desktop,
  labelVisible: true,
  name: "test",
  value: "testing"
});

As you can see the field is appended to the desktop DOM element. But what we want to do is instead append to a custom, Javascript generated child element of the desktop.

Is that in any way possible without breaking everything?

Thanks for your help,
Marius

Report message to a moderator

Re: [Javascript] Set custom parent of element created with scout.create()? [message #1773664 is a reply to message #1773337]

Mon, 02 October 2017 14:22

Claudio Guglielmo

Messages: 259
Registered: March 2010

Senior Member

Hi Marius,

you can use any widget as parent. What you need to take care of is the layouting.

Example: Let's assume you want to put the string field on the bottom of the desktop navigation (on the bottom left of the screen). In that case you would use the navigation (desktop.navigation) as parent and you would have to adjust the DesktopNavigationLayout to tell where the string field should be positioned exactly. In order to do this, you could extend scout.DesktopNavigation, override the function _render, do a super call and set a custom layout for the navigation.

scout.CustomDesktopNavigation.prototype._render = function() {
  scout.CustomDesktopNavigation.parent.prototype._render.call(this);
  
  this.htmlComp.setLayout(new scout.CustomDesktopNavigationLayout(this));
};

Report message to a moderator

Previous Topic:	Scout 7.0 user.area preference
Next Topic:	Apache - Tomcat forwarding does not work with a scout application

Goto Forum:

-=] Back to Top [=-

[ Syndicate this forum (XML) ] [

]

Current Time: Sat Jan 25 20:32:49 GMT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter