dialog2.show({view:tableviewrow,animated:true});

3 Answers

• I have a workaround:

  Just add an invisible view to the clicked row in the the tableview’s click event. And that newly created view can be used as source for the popover.

  tableView.addEventListener('click', function(e) 
  {
     //create the popover here
     ....
  
    //create the "hidden" view where the arrow points to
     var b1 = Ti.UI.createView({
        title:"", height:20, width:1, top:0, right:200
      });
  
    //add the view to the clicked row
      e.row.add(b1); 
  
     //now this should work
      popover.show({
        view:b1,
        animated:true
       });
  }
  

• Don't know if someone is still having the problem but right now with the postLayout event there is a way to fix the popover misplacement. Moreover we can take care of removing the extra view we created in the row:

      ...
              //let's create our extra view
              var view = Ti.UI.createView({ ... });
  
              view.addEventListener('postlayout',displayPopOver);
  
              //add it to our row
              e.row.add(view);
  
              //only when the extra view is rendered we create our popOver : 
  
              function displayPopOver(){
  
              view.removeEventListener('postlayout', displayPopOver);
  
  
              var popover = Ti.UI.iPad.createPopover({
                      width: 400, 
                      height: 550,
                      title: 'Detail',
                      arrowDirection:Ti.UI.iPad.POPOVER_ARROW_DIRECTION_LEFT,
  
              });
  
              //when popOver disappears remove the extraView
              popover.addEventListener('hide',function(evt) { e.row.remove(view)})
  
          } // end displayPopOver()
  
  
  .....
  

• I am having the same issue. I get an error saying that the view must belong to a window.