1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    2
    Vote Rating
    0
    saeede is on a distinguished road

      0  

    Default IE 8 error(Object doesn't support this property or method: layout.setActiveItem())

    IE 8 error(Object doesn't support this property or method: layout.setActiveItem())


    Hi everybody,

    I am using extjs 3.4 to write a web page and dynamically loading an item in a panel.when I run the program with FF or ie9 every thing work fine but when I run it by ie8 i receive this error message:

    Object doesn't support this property or method
    line 417
    file a.js

    in line 417 of file a ,I use the layout.setActiveItem(nextItem) method for a panel object ,here is the code:


    var regMidPanel = new Ext.Panel({
    id: 'regMidPanel_',
    layout: 'card',
    width:'60%',
    activeItem: 0,
    border: false,
    layoutConfig:{deferredRender:false},
    items: [ MidPanImg1,MidPanImg2,MidPanImg3],
    listeners:{ render:function (p){Ext.TaskMgr.start(SlideShowTask);} }
    });

    var SlideShowTask = { run: function(){
    var myVar = Ext.getCmp('regMidPanel_');
    var nextItem =0;
    var xCurIndex = myVar.items.indexOf(myVar.layout.activeItem);
    var xTotItems = myVar.items.length ;

    nextItem = xCurIndex;

    if (xCurIndex < (xTotItems-1)){
    nextItem ++;
    }else {nextItem = 0;}
    myVar.layout.setActiveItem(nextItem); // HERE IS LINE 417

    },interval:10000 };

    could you please help me?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Hmm... it's working for me. This is the test I did based on your view:

    Code:
    var regMidPanel = new Ext.Panel({
        renderTo     : document.body,
        layout       : 'card',
        width        : '60%',
        activeItem   : 0,
        border       : false,
        layoutConfig : {deferredRender : false},
        tbar         : [
            {
                text    : 'setActiveItem',
                handler : function() {
                    regMidPanel.layout.setActiveItem(1);
                }
            }
        ],
        items        : [
            {
                html : 'one'
            },
            {
                html : 'two'
            },
            {
                html : 'three'
            }
        ]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1