hi,

I am trying to make a modal window having a grid, with a ajax store. All looks good, data loaded. Window can be closed, but the thing indicating something is no good that a listener attached to row selection is not remade once the window created again. If i
I directly calling this.destroy(); it says: this store is null
So I think somewhere there is the point, with the store does not allow to deallocated my window from DOM. Also tried to play around with initComponenet to initialize store, but no difference.

Code:
Ext.define('MyApp.view.createSearch',{
	extend: 'Ext.container.Container',
	alias: 'widget.createSearch',
	
    id: 'createSearchContainer',
    
    width: 800,
    height: 200,
    layout: {
        align: 'stretch',
        type: 'table',
        columns: 1,
        tableAttrs: { width: '100%', height: '100%' }
    },
    
    region: 'north',
    
    items: [
            {
            	xtype: 'form',
            	title: 'Please enter search term',
            	width: 490,
            	height: 60,
            	layout: { type: 'hbox' },
            	items: [
            	    { xtype: 'textfield', width: 390, style: { marginRight: 5 }, name: 'raasIsrc' },
            	    { 
            	    	xtype: 'button', text: 'Search', width: 80, style: { marginBottom: 5 },
            	    	handler: function() {
                        	console.log('search-btn');
                        	
                        	var myId = this.up('form').getForm().getValues().myId;
                        	
                        	if (myId!='') { 
	                        	Ext.StoreMgr.get('SearchMy').load({params: {myId: myId } });
	                        	
	                        	var searchWin;
	                        	if (!searchWin){
	                        		console.log('search-win: NEW');
	                        		searchWin = Ext.create('MyApp.view.searchWindow',{refOwner:this});
	                        	} else {
	                        		console.log('search-win: EXISTS'); //never happens!!!!!
	                        	}
	                        	searchWin.title = 'Search Result of '+myId;
	                        	searchWin.show();
                        	} else {
                        		Ext.Msg.alert('Empty search term','Cannot search empty criteria!');
                        	}


            	    	}
            	    }


            	]
            },
            {
            	colspan: 4, 
            	xtype: 'form',
            	id: 'myDummyOne',
            	height: 60,
            	title: 'Selected item'
            },
    ]


});
and the window.js:
Code:
Ext.define('MyApp.view.searchWindow', {
	extend: 'Ext.window.Window',
	alias: 'widget.searchWindow',
    title: 'My Search Results',
    height: 400, //autoHeight: true,
    width: 600,
    layout: 'fit',
    modal : true,
    closeAction: 'destroy',
    
    items: { 
        xtype: 'grid',
        border: false,
        selModel: Ext.create('Ext.selection.RowModel', {}),
        columns: [
            {text: "ID", width: 100, dataIndex: 'myId', sortable: true},
            {text: "Customer", width: 100, dataIndex: 'myParticip', sortable: true}
        ],   
        
        //store: 'SearchMy',
        listeners: {
        	select: { fn: function(rowmodel, record, rowindex, options) { 
        		this.rowSelect(rowmodel, record, rowindex, options);
        	} }
        },
        
        initComponent: function() {
        	this.store = 'SearchMy';
            this.superclass.initComponent.call(this);
        }
        
        rowSelect: function(rowmodel, record, rowindex, options) {
    		
    		var myText = record.get('myParticip').participFullName;
    		
    		Ext.getCmp('myDummyOne').update(myText);


    		//this.close();
    	}


    }


});
any idea how to make search results in a modal window, and search as many times as user wants?

thx,
Zol