In meiner HTML-Datei habe ich eine leere JQuery-Mobile Tabelle eingefügt.
[HTML]
</thead>
<tbody class="body">
</tbody>
</table>
</div>[/HTML]
Diese wird per JS dynamisch gefüllt
[CODE]$( „#my-table .body“ ).append($(„
\n“).append(„\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();
}[/CODE]
Ü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);
}
}
}
}
}
[/CODE]
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?
| “+Tischliste[i]+„ |