In meiner HTML-Datei habe ich eine leere JQuery-Mobile Tabelle eingefügt.
Diese wird per JS dynamisch gefüllt
Über den Rowhandler reagiere ich darauf, welche Zelle geklickt wurde
for (j = 0; j < 2; j++) ist nur dafür da, dass eben nur die ersten beiden zellen der Row beachtet werden.
Das ganze funktioniert wunderbar. Nun würde ich gerne auf eine Wischbewegung einer Zeile nach links (ab der 3. Zelle) reagieren. Wie krieg ich das hin?
HTML:
<div data-role="content" id="content">
<table data-role="table" id="my-table" data-mode="columntoggle" class="ui-responsive table-stripe table-stroke ui-shadow" data-column-btn-text="Spalten">
<thead>
</thead>
<tbody class="body">
</tbody>
</table>
</div>
Code:
$( "#my-table .body" ).append($("<tr class='row"+(i+1)+"'>\n")
.append("<td style='background-color:"+Farbe+"; text-align:right; vertical-align:middle; height:"+hoehe+"px' class='name'>"+Tischliste[i]+"</td>\n"));
var row= "#my-table .body .row"+(i+1);
for (j=0 ; j<11 ; j++)
{
var wert=parseFloat(werte[j].replace(",","."));
if (wert < 0)
{
$( row ).append("<td style='color:Red; vertical-align:middle; text-align:right' class='Sp"+(j+1)+"'>"+werte[j]+"</td>\n");
}
else
{
$( row ).append("<td style='color:Black; vertical-align:middle; text-align:right' class='Sp"+(j+1)+"'>"+werte[j]+"</td>\n");
}
}
}
addRowHandlers();
}
Über den Rowhandler reagiere ich darauf, welche Zelle geklickt wurde
for (j = 0; j < 2; j++) ist nur dafür da, dass eben nur die ersten beiden zellen der Row beachtet werden.
Code:
function addRowHandlers()
{
var table = document.getElementById("my-table");
if (table != null)
{
for (i = 0; i < table.rows.length; i++)
{
for (j = 0; j < 2; j++)
{
table.rows[i].cells[j].onclick = function ()
{
tableclick(this);
}
}
}
}
}
Das ganze funktioniert wunderbar. Nun würde ich gerne auf eine Wischbewegung einer Zeile nach links (ab der 3. Zelle) reagieren. Wie krieg ich das hin?