javascript - EXTJS4 Window Event -

i've been asked re-write file using extjs4 framework. legacy file written in extjs2. have found point in view file can start after reading sencha's documentation, following examples , tutorials pretty stumped on how started.

essentially want achieve @ moment having window panel appear when div clicked.

this following code event start;

<td class="width200 align_left" style="width:213px !important">     <div style="float:right"><a style="text-decoration: none;" href="#" title="<?= t('select product')?>" id="showproductwindowb" onclick="selectfreegift=false;showproductwindowb(); return false;"><img style="vertical-align:middle" src="/www/icons/modify.gif" alt="<?= t('select product')?>"/></a></div>         </td> 

the window doesn't need contain right either, need make 1 appears. there can add it.

so if show me how started or give me helpful info appreciate it.

where going wrong? can create , open window:

<a href="javascript:openwindow();">click!</a>  <script> var yourwindow; openwindow = function () {     if (!yourwindow) {         yourwindow = ext.widget('window', {             title: 'hello',             height: 200,             width: 400,             closeable: true,             closeaction: 'hide'         });     }     yourwindow.show(); }; </script> 

see jsfiddle