Workaround for rich:contextmenu and hotkey in richfaces4

[sarocks]

Hi All,

Can anybody have any workaround for contextmenu and hotkey components, till it get release in richfaces 4 future.

Is it possible to create a contextmenu using dropdownmenu, I am trying the same but seems like very much tricky. Till now didn't get it proper way, struggling with positioning the dropdownemnu.

And for hotkey, using javascript someway possible?

If anyone tried this or intrested doing this? And I see lot of people waiting for these two components!

Thanks,

Saroj

[andreas.hartmann]

Hi Saroj,

we tried the following javascript https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js

It is compatible with jquery 1.4.2 + but hotkeys are not functional in input elements. so this could be useless :-(

          
<composite:interface>
     <composite:attribute name="key" required="true" type="java.lang.String" shortDescription="key definition like esc or ctrl+x" />
     <composite:attribute name="handler" required="true" type="java.lang.String" shortDescription="javasript function" />
</composite:interface>

<composite:implementation>
     <!-- FIX from https://github.com/jeresig/jquery.hotkeys -->
  <h:outputScript target="head" name="jquery.js" />
  <h:outputScript target="head" library="script" name="jquery.hotkeys.js" />
  
  <rich:jQuery selector="document" query="bind('keypress','#{cc.attrs.key}', #{cc.attrs.handler})" />
</composite:implementation>
  

has anyone a better solution?

[six-p4ck]

I use this to make it's work:

http://www.openjs.com/scripts/events/keyboard_shortcuts/

U can include the file without JS error and make some JS stuff.

But with a4j:jsfunction doesn't work.

[pjotrovsky]

context menu inside a data table:

{code:xml}

<rich:column>

    <a4j:commandLink oncomplete="#{rich:component('contextMenu')}.show();" execute="@this" render="contextMenu" immediate="true" limitRender="true">

        <a4j:param name="display" value="block" assignTo="#{contextMenu.display}"/>

        <a4j:param name="left" value="event.clientX" assignTo="#{contextMenu.left}" noEscape="true" />

        <a4j:param name="top" value="event.clientY" assignTo="#{contextMenu.top}" noEscape="true" />

        <h:graphicImage library="images" name="arrow.gif" style="border: none;" />

    </a4j:commandLink>

</rich:column>

{code}

<rich:dropDownMenu id="contextMenu" mode="ajax"

            style="position:absolute; top:#{contextMenu.top}px; left:#{contextMenu.left}px"

            popupWidth="175" horizontalOffset="8" verticalOffset="-5">

        <rich:menuItem label="Item 1"/>

        <rich:menuSeparator />

    <rich:menuItem label="Item 2"/>

</rich:dropDownMenu>

[juangon]

Wow!

Thanks very much for your workaround Pjotr!,

Only it should appear on context menu event, at that point would have the same behaviour as rich:contextmenu. I suppose this should be added in oncontextmenu event instead....

[pjotrovsky]

YW (;)

I`m currently wishfully waiting for the contextMenu to be migrated to RF4.

You can watch and vote for it: https://issues.jboss.org/browse/RF-10197

[juangon]

Yeah, I've voted some weeks ago already. Unfortunately votes in this issue isn't taken in account due to other work in RF 4.1 version.