JQuery: Parent window Table sorting from Child window

[Madhav Kanneganti]

Parent window has a table with four columns, and a link to open a child window to select multi column sort. After we selected the columns with the sord order (asc or desc), click submit, then the parent window's table rows will be updated as per the selection done on child window. I was unable to make sort selection from child to parent.

The following code in Parent window works like charm as we statically defined first column as asc order and second as desc order$(document).ready(function() { $("table").tablesorter(); $("#trigger-link").click(function() { // set sorting column and direction, this will sort on the first and third column the column index starts at zero [color=red]var sorting = [[0,0],[1,1]];[/color] //Statically defined the sort selection $("table").trigger("sorton",[sorting]); return false; }); $('#btn').click(function() { // Open a window with resolution 500x400, not resizable: window.open("child_ex.html","List","scrollbars=no, resizable=no, width=500, height=400"); }); });

From child window we are trying to sort dynamically selecting the multiple columns sorting. Please see the following code var map = {'fn':0, 'ln':1, 'age':2, 'total':3}; var sortMap = {'asc':0, 'dsc':1} $(document).ready(function() { $('#btn').click(function() { var rowCount = $('#sortSel tbody tr').length; var resArray = new Array(rowCount); for (var i=0; i<rowCount; i++){ var column = map[$("#"+i+"_column").val()]; var radioVal = $("input:radio[id="+i+"_order]:checked").val(); if (radioVal == undefined){ radioVal = "asc" } orderVal = sortMap[radioVal]; resArray[i]=new Array(); resArray[i][0]=column; resArray[i][1]=orderVal; //alert(column+":"+orderVal); } //alert(resArray); $(window.opener.document).find('#tableSort').tablesorter(); var sorting = [[0,0],[1,1]]; [color=darkblue]// here trying to static selection rather than resArray alert($(window.opener.document).find('#tableSort')); $(window.opener.document).find('#tableSort').trigger("sorton",[sorting]); window.close(); }); $('#addRow').click(function() { addRow(); }); }); The above code is not working, please can someone help on this?