Tableviews - Accessing Objects Inserted into a Row

jeremiahflickinger · September 25, 2014, 10:42pm

I have a tableview that contains images and text. When you tap on the thumbnail, it transitions to a screen where you can see the full image and information specific to that image. When the user makes updates on this screen, I want that information to get updated in the tableview accordingly.

Using tableView._view._rows[i]._view, I get a table of row data including the text objects but can’t find the images or a display.group that I inserted. I need the ability to update these items but can’t find them to make the updates.

I’ve read the tableView documentation and the tutorials, but no luck.

Here is a sample of what my code looks like:

local function updateInfo ( event ) &nbsp;&nbsp; &nbsp;-- code that updates the web server and information on the currennt &nbsp;&nbsp; &nbsp;-- screen is here, stripped out to keep the forum post simple &nbsp;&nbsp; &nbsp;-- here is where I was thinking it made sense to update the tableview &nbsp;&nbsp; &nbsp;-- Assuming I've already identified the correct row, I then &nbsp;&nbsp; &nbsp;-- want to update corresponding data in the table view for the &nbsp;&nbsp; &nbsp;-- image I'm currently viewing. &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;-- below is the code I've been using to try and locate &nbsp;&nbsp; &nbsp;-- where images are kept that have been inserted into a row &nbsp;&nbsp; &nbsp;-- I get a lot data including the text objects in the tableview &nbsp;&nbsp; &nbsp;-- but cannot find the images and display groups that have been &nbsp;&nbsp; &nbsp;-- inserted into the row. &nbsp;&nbsp; &nbsp;-- Once I locate them, I assume I'll have to re-render the row? &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local rows = myList.\_view.\_rows &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for i=1, #rows do &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local newRows = rows[i].\_view &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;if (newRows ~= nil and type(newRows) == "table") then &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;for key,value in pairs(newRows) do &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; print( key, value ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;end end local function viewFullImage (event) &nbsp;&nbsp; &nbsp;if (event.phase == "ended") then &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local \_fileName = event.target.name &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; local newGroup = display.newContainer( screenW, screenH ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;newGroup:translate( displayCenterX + newGroup.width, displayCenterY ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local fullImg = display.newImage( \_fileName, system.TemporaryDirectory ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;newGroup:insert( fullImg ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;local details = event.target.details &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; local imgInfo = display.newText ( details, 0, 0, system, 35 ) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; imgInfo:setFillColor( 1, 0, 0 ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;imgInfo.x = newGroup.width \* -0.45 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;imgInfo.y = displayCenterY &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;newGroup:insert( imgInfo ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;imgInfo:addEventListener( "tap", updateInfo ) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; local goBack = display.newText ( details, 0, 0, native.systemFont, 35 ) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; goBack:setFillColor( 1, 0, 0 ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;goBack.x = newGroup.width - goBack.width &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;goBack.y = goBack.height \* 2 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;newGroup:insert( imgInfo ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;goBack:addEventListener( "tap", backToTableview ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;transition.to( myList, { x = - myList.contentWidth, time = 400, transition = easing.outExpo } ) &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;transition.to( zoomGroup, { x = displayCenterX, time = 400, transition = easing.outQuad } )&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;end &nbsp;&nbsp; &nbsp;return true end

rob · September 26, 2014, 2:19am

If you look a our Business App Sample on github: in feed.lua you will see how I add the display objects for the row into the row, not only inserting them into the group, but also added it to the row as a new row member. If you can get to the row object, then you can get to the row items.

Rob

jeremiahflickinger · September 29, 2014, 3:07am

Hi Rob,

I was using the below for my images and display groups.

…onRowRender function…

…

local row = event.row

row.textA = …

row.textB = …

row:insert(row.textA)

row:insert(row.textB)

img1 = …

row:insert(img1) – by updating this to row.img1, I’m now able to find the images in the row table.

…

I wasn’t including the “row.” in front of the display objects/groups. I though by doing row:insert, I was accomplishing the same thing.

Hopefully this is helpful to someone else down the line.

Anyways, thanks Rob.

Cheers,

Jeremiah

rob · September 26, 2014, 2:19am