Problem: Creating client side action in menubar

Dear all,

I am trying to add a menuitem to my menubar. This entry shall fire a client side action implemented as Javascript. Basically, a functionality similar to the Help menuitem.

So far I added the following to my menubar (I also added a copy of the Help entry for comparison)

[insertafter path="menu[name=file_menu].actionmenuitem[name=file_delete]"]
     [menuitem name="file_stefan1" nlsid="MSG_STEFAN1" onclick="onClickHelp" runatclient="true"/]
     [menuitem name="file_stefan2" nlsid="MSG_STEFAN2" onclick="onClickCopyClipboard" runtatclient="true"/]
     [menuconfig id="file_clipboard_submenu"/]
[/insertafter]

In my menubar.jsp i added a JavaScript function


registerClientEventHandler(null, "onClickCopyClipboard", onClickCopyClipboard);
function onClickCopyClipboard()
{
     alert("Works");
}

I also tried to add a clipboard.js with the same function to /wdk/includes and registered it within WebformScripts.properties

The resulting source code is as follows:


addMenuItem('MenuBar_file_stefan1_0','MenuBar_file_menu_0','yyMSG_STEFAN1yy',null,"onClickHelp(this);",true,true,'');

addMenuItem('MenuBar_file_stefan2_0','MenuBar_file_menu_0','Stefan2',null,"safeCall(postServerEvent,'MenuBar_0','MenuBar_file_stefan2_0','MenuBar_0','onClickCopyClipboard');",true,true,'');

Obviously that does not work as expected. What do I have to do to make this work?

Thanks

Stefan

Find more posts tagged with

Comments

udeleng

What specifically does not work?

The action is not present in the menubar? The action is present but the function does not fire?

Also there are several menubar.jsp files, did you get the right one?

stefan.hoferer

What works is that I get two menu items. The first one works as expected. The second one results in an error because it tries to fire a server event.

Looking at the javascript calls to create the menu the first one is a client side event as expected. The second one starts with saveCall(postServerEvent although it was specified using runtatclient=true

I checked that the JavaScript function I created is present in the correct menubar.jsp.

udeleng

This is what I did, and it worked as expected:

Inject the action into the menubar:

In your custom menubar component xml insert the menuitem into the parent. I have a "pss" layer just below my "custom" layer, so I need to add into the custom dm_sysobject_actions.xml:

</insertafter>

</menuconfig>

If you're using plain Webtop, you'll use the "modifies" attribute on webcomponent/config/library/menubar/menubar_component.xml.

SInce I have customized menubar, I have a menubar.jsp and a menubar_body.jsp in the "custom" layer. So in the custom menubar_body.jsp add the following function into the top javascript tag:

function onClickMyHelp() {
alert("test");
}

You don't need to use registerClientEventHandler since you're not going to use fireClientEvent to invoke the method.

Refresh you configuration and reload the app window. Navigate to the cabinets node and click the new action, "Help" (just below view), and the alert message pops up.