javascript - 在 GeoExt 中使用toggleGroup 时出现问题

Question

我正在尝试向 GeoExt 应用程序添加一个按钮。理想情况下，我希望按钮工作流程是:

1. 用户点击按钮。按钮现已“切换”为打开状态。
2. 用户点击 map 上的某处。
3. (这总是有效)调用按钮后面的函数。
4. 按钮关闭。

我将此作为我的选项代码:

/* Options to be passed to my create function. */
        options: {
            tooltip: 'Google StreetView',
            iconCls: "icon-streetview",
            enableToggle: false,
            pressed: false,
            toggleGroup: "toolGroup",
            id: "streetview_tool"
        }

我可以将按钮添加到工具栏，但切换功能无法正常工作。我已经尝试了几乎所有我能想到的参数组合。

a) 使用上述内容，我从 GeoExt 收到控制台错误:类型错误:this.control 未定义。步骤 1 到 3(上述)按此方式进行。

b) 如果我删除 toggleGroup，我不会收到错误(除非 enableToggle 已设置为 true)，但是按钮永远不会在第一名(仅使用此方法执行步骤 2 和 3)。

<小时/>

还有第二个(更大!)问题 - 用户是否切换按钮并不重要，每次我点击 map 时都会触发功能!

所以我的问题 - 如何让这个按钮切换工作流程发挥作用？谢谢。

Answer 1

我对 geoext 的了解不够详细，但如果我正确理解了问题，那么当您单击 map 时，您将无法取消切换按钮。我设置了一个示例，希望与您的问题有些相似:https://fiddle.sencha.com/#fiddle/3ms

解决方案只需调用

Ext.getCmp('streetview_tool').toggle(false)

单击面板主体时。请注意，本示例使用 3.4。让我知道这是否有帮助，或者我是否缺少更多内容。