Trouble loading table 2 based on a row selected in table 1

Hi,

I am facing some trouble while loading a secondary table. I have explained the scenario below.

Scenario:

Business Partner(Header level details) which consists of business parter details. Each business partner have many contacts, business partner's contacts is displayed in a table (table 1). Similarly each contact of a business partner have many multiple contactNumbers. We want to display contactNumbers for each contact selected (from table 1) as another table (Table 2) and want to refresh the contactNumber table on selection
of a new contact (in table 1).BusinessPartner s displayed in a dialog for appropriate BusinessPartner selected and dialog has three elements Header field collection (in a Matrix Layout), Contacts table (table 1) and contactNumbers table (table 2). Header and table 1 is loaded on load of dialog screen, contents of table 2 should be displayed based on row selected in table 1.  

Issue:

Data in table 2 is not getting displayed for rows other than the first row from table 1 (first contact in table 1), irrespective of the order of row selection in table 1. We traced Gateway  calls and found appropriate calls being made to Gateway for all selections (row 2 or 3 from Table 1) and yet UI is not able to display any data (displays no data) for any other row selection from table 1. And also Gateway service is checked to be working fine for all calls to fetch ContactNumbers for various contacts. We tried various options like refreshing the binding, attaching table 2 to UI etc. but none of them is working.

Code Snippet:

oTableBPContacts.attachRowSelect(function(rEvent)

{

var currentRowContext=rEvent.getParameter("rowContext");

oTableBPContactNumbers.bindRows(currentRowContext+"/BusinessPartnerContactNumber");

});

Kindly suggest a solution for this problem.

Cheers

Bijentimala K