var grid = new Ext.grid.GridPanel({
        store: store,
        sm: smod,
        cm: cmod,
        height:  600 ,
        width:  1200 ,
        title:'Адресная книга',
        stripeRows: true,
        autoExpandColumn:  1 ,
        columnLines:true,
        viewConfig: {
        forceFit: true
      },
      split: true,
      region: 'north'
        
    });
  
grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
        
        var tpl = new Ext.XTemplate(
         '<tpl for=".">',
         '<table width="100%" height="100%" border="0" cellspacing="5" style="font-weight: bold">',
            '<tr><td>Ф.И.О</td><td>{1}</td></tr>',
            '<tr><td>Адрес</td><td>{3}</td></tr>',
            '<tr><td>Телефон</td><td>{4}</td></tr>',
            '</table>',
         '</tpl>'
     );
        
       var Win = new Ext.Window({
            width:  200 ,
            height:  300 ,
            closable: true,
            title: 'Детально',
            items: new Ext.DataView({
             tpl: tpl,
             //loadingText: 'З...',
             overClass:'x-view-over',
             singleSelect: true,
             store: store,
             itemSelector: 'div.grid-dlg'
         }),
         buttons: [{
             text: 'Close',
             handler: function(){
         	Win.hide();
             }
         }],
         keys: [{
             key:  27 ,  
             fn: function(){
         	Win.hide();
             }
         }]
        });
       Win.show();
});