Home/ Questions/Q 83767
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T21:49:32+00:00

I have a web application that uses Ext-JS 2.2. In a certain component, we

  • 0

I have a web application that uses Ext-JS 2.2. In a certain component, we have an empty toolbar that we are trying to add a button to using 

myPanel.getTopToolbar().insertButton(0, [...array of buttons...]);

However, in IE6/7 this fails because of lines 20241-20242 in ext-all-debug.js:

var td = document.createElement('td'); this.tr.insertBefore(td, this.tr.childNodes[index]);

Since ‘this.tr.childNodes([0])’ does not yet exist in IE, this fails with ‘Invalid argument’.

THE REAL QUESTION: Can I, using CSS similar to the below add a child to every toolbar <tr> so that this.tr.childNodes[0] is found:

div.x-toolbar tr:after { content: ' '; }

I totally realize this is a hack, but for legal reasons I cannot change any Javascript, not even to add an empty button ({}) to each toolbar. Major kudos to anyone that can figure this out.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. I didn’t think there was a CSS-only solution.

    For the record, I ended up injecting javascript into the page that overrides the Ext.Toolbar prototype for the insertButton() function to check for the existance of ‘this.tr.childNodes([0])’ and default to addButton() if it didn’t exist.

    • 0