A touch event on a tableview?

[zinc]

Got a tableview working just fine, displays the data and allows selection of any given row.

Next, I've been searching for some kind of an example of how you might attach a function to when a tableview gets touched or row gets selected. I want to display a tableview of some items and when any particular one is touched, I pop up a dialog with details on the item. Would that be done with an event, a callback, or ??? Attached as a callback on the select? In any case, if something like that's possible I need a lead as to how it would be done...

Another option would be to allow the usual tableview row select capability, then also have a button on the top of the view that would check to see what row is selected and pop up the details from that. But I've not seen how you might add a button to a tableview.

[cvp]

@zinc if you use form_dialog instead of list_dialog, each field is editable

[zinc]

I wrote my last comment while you were posting yours-- that's an interesting looking example, stripped down to something not too huge that could be pretty interesting-- I could use it to display more than just the "key" column, and save the oversize column for the detail popup (my last column is a "notes" column where it can be anything from a null to a couple of sentences, to big to squeeze in a columnar format but the other columns would work nice in a grid like that...

I also spotted some comments in the documentation that implied that if the data source is properly hooked up to the tableview, in an edit mode it could propagate the view changes back to the database? Or that is, could be made to do that. I'll have to look more into that as well...

[cvp]

Personally, I use my own TableView, each row is a record of my dB and each subview is a label in the title row and a TextField in the other rows.

[cvp]

@zinc not extracted from my big script, but very quick,and dirty script where you can edit each field of each row
Of course, you will need your own process of TextFields, updating your db

import ui
def tableview_cell_for_row(tableview, section, row):
    # Create and return a cell for the given section/row
    cell = ui.TableViewCell()
    flds = tableview.data_source.items[row]
    w = tableview.width/len(flds)
    h = tableview.row_height
    x = 0
    for fld in flds:
        tf = ui.TextField()
        tf.border_width = 1
        tf.border_color = 'lightgray'
        tf.frame = (x,0,w,h)
        tf.text = fld
        cell.content_view.add_subview(tf)
        x += w
    return cell
tv = ui.TableView()
tv.frame = (0,0,400,500)
tv.row_height = 32
db = [('1','2','3'),('4','5','6'),('7','8','9')]
tv.data_source = ui.ListDataSource(items=db)
tv.data_source.tableview_cell_for_row = tableview_cell_for_row
tv.present('sheet') 

[cvp]

On this case, you don't need a popup for editing and your note field can even be bigger than the frame, you will see the left part and if you tap on it for edition, you can reach the entire text

[cvp]

@zinc better

import ui
def tableview_cell_for_row(tableview, section, row):
    # Create and return a cell for the given section/row
    cell = ui.TableViewCell()
    flds = tableview.data_source.items[row]
    w = tableview.width/len(flds)
    h = tableview.row_height
    x = 0
    for fld in flds:
        tf = ui.TextField()
        tf.border_width = 1
        tf.border_color = 'lightgray'
        tf.frame = (x,0,w,h)
        tf.text = fld
        cell.content_view.add_subview(tf)
        x += w
    return cell
v = ui.View()
v.frame = (0,0,400,500)
v.background_color = 'white'

keys = ('key 1','key 2','key 3')
x = 2
w = (v.width-4)/len(keys)
for key in keys:
    b = ui.Button()
    b.frame = (x,0,w,32)
    b.corner_radius = 8
    b.background_color = 'lightgray'
    b.border_width = 1
    b.border_color = 'gray'
    b.title = key
    v.add_subview(b)
    x += w

tv = ui.TableView()
tv.frame = (2,32,v.width-4,v.height)
tv.row_height = 32
db = [('1','2','3')]*50
tv.data_source = ui.ListDataSource(items=db)
tv.data_source.tableview_cell_for_row = tableview_cell_for_row
v.add_subview(tv)

v.present('sheet') 

[FredTingey]

@mikael that comment about the quirk with @ui.in_background on tableview_did_select is a lifesaver! I have been pulling my hair out for about 3 hours trying to figure out a) what was going on and b) how to work around it!

[mikael]

@FredTingey, happy to be of help, although I cannot claim credit for the discovery of that fix.

[singhharry12]

I also spotted some comments in the documentation that implied that if the data source is properly hooked up to the tableview, in an edit mode it could propagate the view changes back to the database? Or that is, could be made to do that. I'll have to look more into that as well... 9apps cartoonhd