在Ext JS框架中实现点击按钮弹出新窗口的问题求助

以下是不同技术栈下的具体实现方法，同时纠正你之前的思路误区：

WinForms 实现 #

直接在按钮的点击事件中实例化新窗体并显示：

private void btnOpenNewWindow_Click(object sender, EventArgs e)
{
    // NewForm 是你预先创建的窗体类
    NewForm newWindow = new NewForm();
    // 非模态窗口用 Show()，模态窗口（阻塞父窗口）用 ShowDialog()
    newWindow.Show();
}

你之前绑定Panel到构造函数的思路有误：Panel是窗体内部的布局容器控件，无法单独作为独立窗口显示，必须用Form类封装内容。

WPF 实现 #

在按钮点击事件中创建Window实例并展示：

private void btnOpenNewWindow_Click(object sender, RoutedEventArgs e)
{
    NewWindow newWindow = new NewWindow();
    newWindow.Show();
    // 如需模态窗口，替换为 newWindow.ShowDialog();
}

同样，WPF中的Panel仅作为布局容器，不能直接当作窗口使用，必须依托Window类承载内容。

Web前端（HTML+JavaScript）实现 #

弹出浏览器新窗口 #

<button id="openNewWindowBtn">打开新窗口</button>
<script>
document.getElementById('openNewWindowBtn').addEventListener('click', function() {
    // 参数依次为目标页面地址、窗口名称、窗口尺寸配置
    window.open('new-page.html', '_blank', 'width=600,height=400,top=100,left=100');
});
</script>

弹出自定义内嵌弹窗（非浏览器新窗口） #

如果需要页面内的弹窗效果，可通过div模拟：

<button id="showModalBtn">打开内嵌弹窗</button>
<div id="customModal" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; background:white; border:1px solid #ccc;">
    这是自定义弹窗内容
    <button onclick="document.getElementById('customModal').style.display='none'">关闭</button>
</div>
<script>
document.getElementById('showModalBtn').addEventListener('click', function() {
    document.getElementById('customModal').style.display='block';
});
</script>

• 所有技术栈中，Panel/普通容器控件都不能直接作为独立窗口，必须依托对应平台的窗口类（Form/Window）或弹窗组件。
• 若代码未生效，优先检查按钮点击事件是否正确绑定，新窗口类的构造函数是否存在异常（可通过断点调试排查）。

1. 对应技术栈官方文档：比如.NET WinForms/WPF的窗口创建章节、MDN的JavaScript window.open()方法说明
2. 基础教程类内容：搜索「[技术栈] 按钮点击弹出新窗口」，可获取大量分步实现示例
3. 调试指南：学习如何在对应开发工具中设置断点，排查事件绑定、类实例化的问题

内容的提问来源于stack exchange，提问作者Edwin Macharia