1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    30
    Vote Rating
    0
    ragendu is on a distinguished road

      0  

    Default Unanswered: EXt window id creating problem

    Unanswered: EXt window id creating problem


    Hi All,

    I am trying to create a window as a pop up when I click on a button. I am able to create the pop up window on click of that button. But when I click on any part of the window, the whole window becomes greyed out and then none of the controls is working. But when I comment out the id properties of the window its not becoming greyed out. But I can't comment out the id, as it is being used in so many other places. Inside this window I am calling a form panel which has grid and some columns in that grid. Those are coming up fine. But when I click some where inside the window, it becomes greyed out and even no controls are accessible then.
    Could some one please help me identify what is the problem here. I am really stuck up here
    Any help would be greatly appreciated
    Here is the code snippet I am using

    var pidWin = new Ext.Window({
    modal : true,
    title : 'PID Search',
    layout :'absolute',
    // id : 'pidWin',
    width : 800,
    height : 400,
    bodyStyle :'padding:5px;',
    closeAction :'close',
    plain : false,
    border : true,
    resizable : false,
    items : [searchPIDForm],


    buttons : [{
    text : 'OK',
    id : 'test'

    },
    {
    text : 'Close',
    handler : function(){
    Ext.getCmp('pidWin').close();
    }

    }
    ]
    });

  2. #2
    Sencha - Community Support Team
    Join Date
    Jan 2012
    Posts
    1,376
    Answers
    346
    Vote Rating
    113
    vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all

      0  

    Default


    I have tried your code with commenting out the items:[searchPIDForm] because I don't have this form and it works well. So it maybe not by the existing of id property. Let try to use other value of id.
    Code:
        var pidWin = new Ext.Window({
            modal   : true,
            title : 'PID Search',
            layout :'absolute',
            id : 'pidWin',
            width : 800,
            height : 400,
            bodyStyle :'padding:5px;',
            closeAction :'close',
            plain : false,
            border : true,
            resizable : false,
    //      items : [searchPIDForm], <- I don't have this form
            buttons : [{
                text : 'OK',
                id : 'test'
            },{
                text : 'Close',
                handler : function(){
                    Ext.getCmp('pidWin').close();
                }
            }]
        });
        pidWin.show();

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    30
    Vote Rating
    0
    ragendu is on a distinguished road

      0  

    Default


    Hi,
    I tried that also, but its not working.But when i comment window id it works..
    This is my complete code. Can you please try this?

    <script type="text/javascript">
    jQuery(document).ready(function(){
    // eCube search
    jQuery('#eCubeSearch').click(function(){
    //alert("click");
    showeCubeSearch();
    });
    });




    function showeCubeSearch(){


    Ext.onReady(function() {
    Ext.QuickTips.init();

    var searchPIDForm = new Ext.form.FormPanel({
    floatable : false,
    id : 'searchForm',
    tabTip : 'woot',
    labelAlign :'top',
    region :'west',
    collapsible : true,
    bodyStyle : 'padding: 5px; background-color: #DFE8F6',
    border : false,
    width : 600,
    items : [

    {
    xtype : 'textfield',
    fieldLabel : 'Enter PID',
    id :'searchText',
    width : 150
    },
    {
    xtype : 'button',
    text : 'Search',
    id : 'pidSearch'
    },

    {
    xtype : 'grid',
    //store : PIDSearchStore,
    height : 350,
    width : '',
    stripeRows : true,
    header : false,
    loadMask : true,
    autoScroll : true,
    id : 'PIDSearchGrid',
    autoExpandColumn : 'description',
    autoExpandMin : 150,
    columns: [
    //new Ext.grid.RowNumberer(),
    {
    xtype : 'gridcolumn',
    header : 'PID',
    //sortable : true,
    resizable : true,
    width : 70,
    dataIndex : 'PID',
    id : 'pid'
    //hidden : false
    },
    {
    xtype : 'gridcolumn',
    header : 'Description',
    // sortable : true,
    resizable : true,
    //width : 100,
    dataIndex : 'DESCRIPTION',
    id : 'description'
    //hidden : false
    },
    {
    xtype : 'gridcolumn',
    header : 'Subject Area',
    //sortable : true,
    resizable : true,
    width : 100,
    dataIndex : 'SUBJECT_AREA',
    id : 'subject_area'
    // hidden : false
    },
    {
    xtype : 'gridcolumn',
    header : 'Job Category',
    //sortable : true,
    resizable : true,
    width : 100,
    dataIndex : 'JOB CATEGORY',
    id : 'job_category'
    // hidden : false
    },
    {
    xtype : 'gridcolumn',
    header : 'Status',
    //sortable : true,
    resizable : true,
    width : 84,
    dataIndex : 'STATUS',
    id : 'status'
    // hidden : false
    },
    {
    xtype : 'gridcolumn',
    header : 'Owner',
    //sortable : true,
    resizable : true,
    width : 100,
    dataIndex : 'OWNER',
    id : 'owner'
    // hidden : false
    }

    ]
    }
    ]

    });
    var eCubeSearchWin = new Ext.Window({
    modal : true,
    title : 'PID Search',
    layout :'absolute',
    id : 'eCubeSearchWin',
    width : 800,
    height : 400,
    bodyStyle :'padding:5px;',
    closeAction :'close',
    plain : false,
    border : true,
    resizable : false,
    items : [searchPIDForm],

    buttons : [{
    text : 'OK',
    id : 'test'
    },
    {
    text : 'Close',
    handler : function(){
    Ext.getCmp('eCubeSearchWin').close();
    }


    }
    ]
    });
    eCubeSearchWin.show();
    });
    }




    </script>

  4. #4
    Sencha - Community Support Team
    Join Date
    Jan 2012
    Posts
    1,376
    Answers
    346
    Vote Rating
    113
    vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all vietits is a name known to all

      0  

    Default


    I ran code you supplied but it still worked well. I use Chrome and I don't use jQuery.
    Code:
    function showeCubeSearch(){
        Ext.onReady(function() {
    
    
            Ext.QuickTips.init();
    
    
            var searchPIDForm = new Ext.form.FormPanel({
                floatable   : false,
                id   : 'searchForm',
                tabTip   : 'woot',
                labelAlign  :'top',
                region   :'west',
                collapsible : true,
                bodyStyle   : 'padding: 5px; background-color: #DFE8F6',
                border   : false,
                width    : 600,
                items    : [{
                    xtype    : 'textfield',
                    fieldLabel   : 'Enter PID',
                    id   :'searchText',
                    width    : 150
                },{
                    xtype    : 'button', 
                    text     : 'Search',
                    id   : 'pidSearch'
                },{
                    xtype    : 'grid',
                    //store  : PIDSearchStore, 
                    height   : 350,
                    width    : '',
                    stripeRows   : true,
                    header   : false,
                    loadMask     : true,
                    autoScroll   : true,
                    id   : 'PIDSearchGrid',
                    autoExpandColumn     : 'description',
                    autoExpandMin    : 150,
                    columns: [
                    //new Ext.grid.RowNumberer(), 
                    {
                        xtype    : 'gridcolumn',
                        header   : 'PID',
                        //sortable   : true,
                        resizable    : true,
                        width    : 70,
                        dataIndex    : 'PID',
                        id   : 'pid'
                        //hidden     : false
                    },{
                        xtype    : 'gridcolumn',
                        header   : 'Description',
                        //  sortable     : true,
                        resizable    : true,
                        //width  : 100,
                        dataIndex    : 'DESCRIPTION',
                        id   : 'description'
                        //hidden     : false
                    },{
                        xtype    : 'gridcolumn',
                        header   : 'Subject Area',
                        //sortable   : true,
                        resizable    : true,
                        width    : 100,
                        dataIndex    : 'SUBJECT_AREA',
                        id   : 'subject_area'
                        //  hidden   : false
                    },{
                        xtype    : 'gridcolumn',
                        header   : 'Job Category',
                        //sortable   : true,
                        resizable    : true,
                        width    : 100,
                        dataIndex    : 'JOB CATEGORY',
                        id   : 'job_category'
                        //  hidden   : false
                    },{
                    xtype    : 'gridcolumn',
                        header   : 'Status',
                        //sortable   : true,
                        resizable    : true,
                        width    : 84,
                        dataIndex    : 'STATUS',
                        id   : 'status'
                        //  hidden   : false
                    },{
                        xtype    : 'gridcolumn',
                        header   : 'Owner',
                        //sortable   : true,
                        resizable    : true,
                        width    : 100,
                        dataIndex : 'OWNER',
                        id   : 'owner'
                        //  hidden   : false
                    }]
                }]
            });
    
    
            var eCubeSearchWin = new Ext.Window({
                modal    : true,
                title    : 'PID Search',
                layout :'absolute',
                id   : 'eCubeSearchWin',
                width : 800,
                height : 400,
                bodyStyle    :'padding:5px;',
                closeAction  :'close',
                plain : false,
                border   : true,
                resizable    : false,
                items    : [searchPIDForm],
                buttons  : [{
                    text     : 'OK',
                    id   : 'test'
                },{
                    text    : 'Close',
                    handler : function(){
                        Ext.getCmp('eCubeSearchWin').close();
                    }
                }]
            });
            eCubeSearchWin.show();
        });
    }
    showeCubeSearch();

  5. #5
    Sencha User
    Join Date
    Nov 2011
    Posts
    30
    Vote Rating
    0
    ragendu is on a distinguished road

      0  

    Default


    Hi..Its working now..the function name was the problem..
    Thanks for looking into this...

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi