Question

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",caseReGridData,"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();
  }

Answer 1

I can’t see grid into your code but you can add selection model into grid:

var grid = new Ext.grid.GridPanel({
  .
  .
  .
  sm:new Ext.grid.RowSelectionModel({singleSelect:true}),
  .
  .
});

and add event:

grid.getSelectionModel().on('rowselect', function (selModel, rowIndex, record ) {
  //Your row selected data is:
  var data = record.data;

  //Open window code
  ...
});