1. #1
    Sencha User
    Join Date
    Jul 2007
    Posts
    30
    Vote Rating
    0
    disller is on a distinguished road

      0  

    Default Answered: The message window hides behind the panel

    Answered: The message window hides behind the panel


    Ext 4.1.0/4.1.1

    The message window hides behind the panel when click Tab on Editable cell.

    Code:
    Ext.onReady(function(){
    	
    	var tablePanel = new Ext.Window({
    	    title : null,
    	    renderTo: Ext.getBody(),
    	    width: 1000,
    	    modal:true,
    	    layout: 'fit',
    	    height: 400,
    	    defaults:{frame: false}
    	  });
    	
    	
    	Ext.create('Ext.data.Store', {
    	    storeId:'simpsonsStore',
    	    fields:['name', 'email', 'phone'],
    	    data:{'items':[
    	        { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"1224"  },
    	        { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"1234" },
    	        { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"1244"  },
    	        { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"1254"  }
    	    ]},
    	    proxy: {
    	        type: 'memory',
    	        reader: {
    	            type: 'json',
    	            root: 'items'
    	        }
    	    }
    	});
    
    	var table = Ext.create('Ext.grid.Panel', {
    	    title: 'Simpsons',
    	    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    	    columns: [
    	        { text: 'Name',  dataIndex: 'name',editor:{xtype:'textfield'} },
    	        { text: 'Email', dataIndex: 'email', flex: 1 },
    	        { text: 'Phone', dataIndex: 'phone',editor:{xtype:'numberfield',hideTrigger: true,validateOnChange : false} }
    	    ],
    	    height: 200,
    	    width: 400,
    		plugins:[ Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 2
          })],
    	listeners:{
    		'validateedit':function(){
    			Ext.MessageBox.show({
                icon: Ext.MessageBox.ERROR,
                buttons: Ext.MessageBox.OK,
                title: 'test',
                msg: 'test'
              });
    		}
    	}
    	});
    	tablePanel.add(table);
    	tablePanel.show();
    	
    });

  2. I see it does not do this in 4.07, but in 4.1. I will talk with dev team.

    For now, you can use defer:

    Code:
    listeners:{
        'validateedit':function(){
            Ext.MessageBox.show({
            icon: Ext.MessageBox.ERROR,
            buttons: Ext.MessageBox.OK,
            title: 'test',
            msg: 'test'
          }).defer(100);
        }
    }
    Scott.

  3. #2
    Sencha User
    Join Date
    Jul 2007
    Posts
    30
    Vote Rating
    0
    disller is on a distinguished road

      0  

    Default


    I think it is a real problem.

  4. #3
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,927
    Answers
    656
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    I see it does not do this in 4.07, but in 4.1. I will talk with dev team.

    For now, you can use defer:

    Code:
    listeners:{
        'validateedit':function(){
            Ext.MessageBox.show({
            icon: Ext.MessageBox.ERROR,
            buttons: Ext.MessageBox.OK,
            title: 'test',
            msg: 'test'
          }).defer(100);
        }
    }
    Scott.

Thread Participants: 1

Tags for this Thread