jquery - 使用 jQuery 引用 Ext JS 组件

Question

所以我有这个 jQuery 插件，它是一个遍历 HTML DOM 元素的弹出式浏览器。它已启动并正常工作，并按如下方式实现：

$(function () {
        options = {
            data : [
              { element: '#container', 'tooltip' : 'Welcome to the MetaCenter Web Application!' },

通过元素的 ID、类或实际元素（ui、li、body 等）调用元素。

有没有办法将它配置为 Ext JS 组件？（组合框，文本字段）

加油伙伴们！

Answer 1

Ext 组件都是由实际的 HTML 元素组成的，最顶层的元素总是有一个 id。

通过引用您的组件，您可以使用该getId方法获取其 id。

或者你可以用另一种方式解决问题，并id为你的组件配置一个已知的，然后在你的 jQuery 代码中使用它。

Answer 2

这是一个工作示例：

http://extjs-tutorials.blogspot.ca/2012/08/extjs-jquery-together-same.html

您可以使用 .el.dom 属性来获取对项目的引用：

Ext.onReady(function() {

    var f = new MyPanel({
        renderTo: Ext.getBody()
    });

    var referenceToImage = f.down('image').el.dom;

    $(referenceToImage).Jcrop();

});