How to add an html page with standard javascript event handling to ext.panel

Is it possible to 'wrap' a standard html page with standard javascript event handling into an ext.panel?

As an example, I have the following html in keypad.html:





<label id="display-label"></label><div id="numbers">

<a class='r1'>1</a> <a class='r1'>2</a> <a class='r1'>3</a> <a class='r2'>4</a> <a class='r2'>5</a> <a class='r2'>6</a> <a class='r3'>7</a> <a class='r3'>8</a> <a class='r3'>9</a> <button type="button" id="buttonCancel">Cancel</button> <a class='r4'>0</a> <button type="button" id="buttonOk">OK</button></div> In script.js, the pressing of each number is handled and the content of display-label is updated. When the ok button is pressed, the innerHTML content of display-label should be made available to the ext.panel.