EXTJS4窗口事件

Question

我被要求使用EXTJS4框架重新編寫文件。傳統文件是用EXTJS2編寫的。我在一個視圖文件中找到了一個可以從中啓動的點，但是即使在閱讀Sencha的文檔之後，遵循這些示例和教程，我非常難以理解如何開始。

基本上，我現在想要實現的目標是在點擊此div時出現窗口面板。

以下代碼將是事件開始的位置;

<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> 

窗口現在不需要包含任何東西，我只需要讓它出現。從那裏我可以添加到它。

因此，如果任何人都可以告訴我如何讓這個開始或給我一些有用的信息，我將不勝感激。

Answer 1

你去哪裏錯了？ 您可以輕鬆創建和打開一個窗口：

<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> 

看到這個JsFiddle