• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage mit addrowhandler auf wischen in einer Tabelle reagieren

huberlix

Neues Mitglied
In meiner HTML-Datei habe ich eine leere JQuery-Mobile Tabelle eingefügt.
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>
Diese wird per JS dynamisch gefüllt
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?
 
Werbung:
Zurück
Oben