javascript - Primefaces Mobile - DataTable - select row, before event taphold occurs -


i have problem in primefaces mobile datatable , event taphold.

problem:

  • if use event taphold in datatable, event occurs, before row can selected.

the desired behaviour:

  • the click or finger touch selects row (visually through different background color row too). event taphold occurs, if press long enough, additionally.

first ideas, solve problem

  • i think, problem is, row selection .mouseup()-event responsible , not mousedown()-event example. so, have change event, select row, before taphold-event occurs. don't know how.

current source code:

<p:datatable id="music_songs" var="music" value="#{musicplayerbean.musicsongs}" selectionmode="single"           selection="#{musicplayerbean.selectedmusicsong}" rowkey="#{music.id}" style="background: white;"          paginator="true" rows="25" tablestyleclass="ui-table-columntoggle" emptymessage="keine musik-songs vorhanden">       <p:ajax event="taphold" oncomplete="alert('hallo');"/>       <p:column headertext="interpret" priority="1" sortby="#{music.interpret}">          <h:outputtext value="#{music.interpret}"/>      </p:column>       <p:column headertext="titel" priority="1" sortby="#{music.title}">          <h:outputtext value="#{music.title}" />      </p:column>       <p:column headertext="dauer" priority="2" sortby="#{music.duration}">          <h:outputtext value="#{music.durationasstring}"/>      </p:column>       <p:column headertext="album" priority="2" sortby="#{music.album}">          <h:outputtext value="#{music.album}"/>      </p:column>  </p:datatable> 

examples mobile data tables on primefaces-website

versions:

  • jsf 2.2
  • java 1.7
  • glassfish 4
  • primefaces 5.2


Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -