Loading a window on clicking of a row in the grid
===

Hi i have a grid with values , 
when i click a the row in the grid i need to 
open a window with all the values in that row.
I have done till loading  a grid and populating values in the grid. I am working in ext js for the last two weeks can any one tell me how to proceed further

My Code:

    function loadcolleaguesVal(jsonContent){
    	var localJson = Ext.util.JSON.decode(jsonContent);
    
       colleagueGridJS=Ext.util.JSON.decode(localJson.ColleagueInfo);
       colleagueGridDataJS=Ext.util.JSON.decode(localJson.colData);
    
       var caseReGridData= new Ext.data.JsonStore({ 
            autoLoad :true,
            fields: ["NAME", 
                     "TOTAL_CASES_ALLOWED", 
                     "TOTAL_OPEN_CASES", 
                     "CLIENT_TEAM_CASES_ALLOWED",
                     "CLIENT_TEAM_TOTAL_CASES",
                     "PAY_AUTH_MAX",
                     "DAYS_MAX",
                     "LUMP_SUM_MAX",
                     "DENIAL_ADMIN",
                     "DENIAL_CLINICAL"],
            storeId :'ColleagueInfo',
            data : colleagueGridDataJS,
            root : 'data',
            listeners : {
            load : colleagueGridListerner
            }
      
      });
    }
      
      function colleagueGridListerner(){
      nucleus.tools.master(colleagueGridJS,"NonEditableGrid","colleagueGrid",this,"twoFields");
      panelForPage.addButton({
    		text:'Add new colleague',
    		type:'Submit',
    		name:'btnGo',
    		handler:function()
    		{
    			showColleagueSetup();
    		}
    });
      Ext.getCmp('colleagueCenter').add(panelForPage);
      Ext.getCmp('colleagueGrid_Grid').setHeight(145);
      Ext.getCmp('colleagueGrid_Grid').doLayout();
      tabPanel.doLayout(); 
      Ext.getCmp("colleagueGrid_Grid").collapse();
      }