1 Answer

• Slide

  I was able to get rows to be able to be moved by dragging them (just like on iPhone) on Ti Mobile 1.6.1 and Android 1.6, by attaching a table to a scroll view, tracking the offset of the touchmove event on the scrollview, and then firing a move row function according to where the row moved to.

  The problem comes when moving the row fast, because the touchmove event fires randomly, so you may be dragging row 1 below row 5, but the offsets may tell you you are moving row 2 below row 4. Thus, I had to find another solution.

  Drag & Drop

  Using the same setup, a table view attached to a scroll view, you can drag a row and then fire the move function on touchend. This will work consistently, but because the UI doesn't change until you've dropped the row, the user never really knows where they are dropping it. So from a UI standpoint this is out of the question.

  Buttons

  The only way to move rows in an appropriate manner, is to make up and down arrows on each row, attach a click event on each row and then fire the move row function. The trick to knowing whether to move it up or down is to add a custom property, call it 'direction', to each image you attach to the row, and then do something like:

  row.addEventListener('click',function(e){
      if (typeof(e.source.direction)!='undefined') {
          moveRow(e.index, e.source.direction);
      }
  });
  

  So, note that you are feeding the index of the row to the function, and then the direction 'up' or 'down'. You'll have to write the code to take that index, insertRowBefore on up and insertRowAfter on down and then delete the original index.