Results 1 to 4 of 4

Thread: tbtext inside toolbar having problem in IE

  1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    2
    Vote Rating
    0
      0  

    Default tbtext inside toolbar having problem in IE

    Hi,

    I have a toolbar, which has a tbtext and few buttons

    this.fbar = {

    xtype: 'toolbar',
    id: 'tbtab',
    items: [
    {
    xtype: 'tbfill',
    id: 'tabFill'},

    {xtype: 'tbtext',
    text: '* blah blah blah blah blah',
    id: 'infolbl',
    hidden: true; },
    {
    xtype: 'button',
    text: 'SAVE',
    iconAlign: 'left',
    disabled: false,
    hidden: false,
    id: 'btnSave',
    },
    {
    xtype: 'button',
    text: 'EDIT',
    iconAlign: 'left',
    disabled: true,
    hidden: true,
    id: 'btnedit',
    ref: '../buttonedit'
    },
    {
    xtype: 'button',
    text: 'DELETE',
    type: 'button',
    disabled: true,
    hidden: false,
    iconCls: 'btn-delete',
    iconAlign: 'right',
    pressed: false,
    repeat: false,
    id: 'btndelete',
    ref: '../buttondelete'
    },
    {
    xtype: 'button',
    text: 'CANCEL',
    iconCls: 'btn-cancel',
    iconAlign: 'right',
    autoWidth: false,
    autoHeight: false,
    width: 120,
    hidden: true,
    disabled: true,
    id: 'btnCancel',
    ref: '../buttonCancel'
    }
    ]
    };

    it works fine in Firefox, chrome but its throwing error in IE 8.x.

    My code contains few more toolbar also, where each toolbar has only buttons. This is the only one toolbar which has tbtext also.  When I debug the code the error is  in ext-all.js.

    if(e.events){Ext.applyIf(e.initialConfig,b);

    if(e.events) its taking all other toolbar. but when the control reaches the above mentioned toolbar its throwing error "events' is null or not an object".

    Can anyone tell me why its so and how can resolve it? Is it because of placing tbtext inside a toolbar?

    Thanks in advance,
    devkumar

  2. #2
    Sencha User sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,335
    Vote Rating
    90
      0  

    Default

    Hi!

    Code:
    {xtype: 'tbtext',
    text: '* blah blah blah blah blah',
    id: 'infolbl',
    hidden: true; },
    {
    xtype: 'button',
    text: 'SAVE',
    iconAlign: 'left',
    disabled: false,
    hidden: false,
    id: 'btnSave',
    },
    ....
    Remove the ";" mark in hidden:true..

    remove the ',' after id:'btnSave'
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha User
    Join Date
    Aug 2012
    Posts
    2
    Vote Rating
    0
      0  

    Default

    Hi,

    Thanks for your reply. I tried removing ; and , but still the same error. Is it something the toolbar doesn't support tbtext or the version is not compatible with VS2010.

    Thanks,
    DevKumar


    Quote Originally Posted by sword-it View Post
    Hi!

    Code:
    {xtype: 'tbtext',
    text: '* blah blah blah blah blah',
    id: 'infolbl',
    hidden: true; },
    {
    xtype: 'button',
    text: 'SAVE',
    iconAlign: 'left',
    disabled: false,
    hidden: false,
    id: 'btnSave',
    },
    ....
    Remove the ";" mark in hidden:true..

    remove the ',' after id:'btnSave'

  4. #4
    Sencha User
    Join Date
    Jan 2011
    Posts
    549
    Vote Rating
    54
      0  

    Default

    The most frequent cause for IE8 and below to error when other browsers render correctly is due to trailing commas at the end of an object (as SwordIT pointed out with your save button).

    Check your other code for any additional instances of these, as it is highly likely this is the issue.

    IE8 developer tools should really be able to point to the line where these exist, but alternatively you can run portions of your code through a JS validator:
    http://www.jslint.com/

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •