Embedding JavaScript rendered controls into a BSP page

Question

Hello,
I want to add a JavaScript rendered grid control from the Ext JS framework into a tab of a BSP application.
It looks however that the layout management code behind BSP (it has to manage its tab container somehow)
interferes with the JavaScript of the Ext JS library.
My question is how to embed such a non-trivial JavaScript software into a BSP page without interfereing with the internals of the BSP rendering engine.

Answer 1

Now in more detail:
I am talking of adding a sophisticated grid control, which itself is implemented with the Ext JS JavaScript framework.
Here is a simple grid of that kind:
  [http://www.sencha.com/deploy/dev/examples/grid/array-grid.html]
To give you an impression of the amount and complexity of the code, here is the user code which calls the Ext JS framework:
  [http://www.sencha.com/deploy/dev/examples/grid/array-grid.js]
The present embedding is of the kind:
(code sample omitted, because the forum software dies with a post error if leave it)
This is included into a BSP tabcontrol tab.
In Firefox we see that the ext-grid is hidden by some BSP JavaScript logic which gets delivered with the final pages in the user's browser.
In Internet Explorer we see a bug:
  file: sapUrMapi_ie6.js, line 4729, function sapUrMapi_PcTabSeq_draw, error: style.display is not an object  (it tries to check the display attribute).
which stops execution and such has the lucky effect of not hiding the grid, so it display as intended from our part.
I have researched some examples on the net, where AJAX code was embedded into a BSP application and saw that this code is often structured differently, using documentHead, documentBody und content HTMLB Elements, but also sometimes puts the JavaScript just at the end like in the code fragment given above. Alas I lack a proper description and guidelines when to use what element and where to put what JavaScript (and CSS)  into the various sections of a BSP htm file.
Regards,
Marc van Woerkom