B4J Question [Server] Get id <li> [solved]

[dar2o3]

Hi to all.

I have this

<ul id="dropdown1" class="dropdown-content">
  <li id='1'><a href="#!">one</a></li>
  <li id='2'><a href="#!">two</a></li>
  <li class="divider"></li>
  <li id='3'><a href="#!">three</a></li>
</ul>

in my code this

Sub dropdown1_Click (Params As Map)


End Sub

as I get the value of the label <a> <li> selected?

Get the id of the <li> selected is sufficient.

 

[dar2o3]

There are actually several <ul> <li> nested

<ul class="right hide-on-med-and-down" id="menuxa">

<ul id=Empresa class=dropdown-content>
    <li>
    <a href=../asegurado/empresas.html>Datos empresa</a>
    </li>
</ul>
<ul id=Viajes class=dropdown-content>
    <li><a href=../asegurado/viajes.html>Nuevo viaje</a>
    </li>
</ul>

<li>
    <a class=dropdown-button href=#! data-activates=Empresa>
      Empresa <i class=right><i class=material-icons>
   arrow_drop_down</i></i></a>

</li>

<li>
    <a class=dropdown-button href=#! data-activates=Viajes> Viajes<i class=right>
    <i class=material-icons> arrow_drop_down</i></i></a>

</li>

<li id=cierre name=cierre>
    <a href=#>Cerrar sesión</a>
</li>



</ul>

And

Sub menuxa_Click (Params As Map)
    Dim target As String = Params.Get("target")
    Log(target)

End Sub

target is empty.

I am interested recover when the id = "cierre" is pressed


html text not has quotes because I copied the log, but it is correct, there is not the problem

 

[DonManfred]

What does

log(Params)

print to the log?

 

[dar2o3]

Thanks for answering.

The result of the print the log is this.

(MyMap) {which=1, metaKey=false, pageY=30, pageX=994, target=}

I am using the framework materializecss, not if the problem may come from the framework or am I doing something wrong.

 

[Erel]

Add this code to the Connected event (it adds a click event to the list items):

ws.Eval($"
   $('#dropdown1 li').on('click', function () {
       b4j_raiseEvent("item_click", {index: $(this).index()});
     });"$, Null)

Handle the event with:

Sub Item_Click (Params As Map)
   Log($"Clicked on item ${Params.Get("index")}"$)
End Sub

 

[dar2o3]

just perfect, now I can use this to get the text, interests me more than the index.

ws.Eval($" $('#menuxa').on('click','li', function (){b4j_raiseEvent("item_click",{texto: $(this).text()});});"$, Null)

and

Sub Item_Click (Params As Map)
   Log($"Clicked on item ${Params.Get("texto")}"$)
End Sub

Thank you very much for to answer my question.