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