get clicked menuitem by key/id instead of the text/label

[kagelParticipant]

Thats my current Navigation menu

  
<div id='jqxMenu' class='menu'>
            <ul>
                <li>Statistiken
                        <li><a href="#ChartDemo">ChartDemo</a></li>                     
                        <li><a href="#TicketChartSimple">TicketChartSimple</a></li>                     
                        <li><a href="#TicketChartMulti">TicketChartMulti</a></li>    
                        <li><a href="#TicketChartSupporter">TicketChartSupporter</a></li>    
                        <li><a href="#TicketChartService">TicketChartService</a></li> 

...

 $("#jqxMenu").on('itemclick', function (event) {
                    switch ($(event.args).text())
                    {
                        case 'ChartDemo':
                        {
}

 ...

In each example I found, the clicked/selected menuitem was detected by the items text/label which is supposed to be multilingual (!)
Instead of the text I would like to reference a language independant key like the ID attribute
sometime like

<div id=’jqxMenu’ class=’menu’>

• Statistiken
  <li id=”CD”>Statistik Demo

<li id=”CD2″>Statistik Demo2

…

$(“#jqxMenu”).on(‘itemclick’, function (event) {
switch ($(this).attr(‘id’))
{
case ‘CD’:
{
}
case ‘CD2’:
{
}

I didn’t found any example how to do it like this ?
Any ideas ? Thanks

[HristoParticipant]

Hello kagel,

You could get from the event particular target which is clicked.
Please, take a look at this example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts