使用jQuery引用Ext JS Components

时间:2013-08-27 13:56:41

标签: jquery extjs components element

所以我有这个jQuery插件,它是一个浏览HTML DOM元素的弹出游览。它正常运行,并且实现如下:

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

元素通过元素的ID,类或实际元素(ui,li,body等)调用。

有没有办法将它配置为Ext JS组件? (组合框,文本域)

干杯队友!

2 个答案:

答案 0 :(得分:0)

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

通过引用您的组件,您可以使用getId方法获取其ID。

或者您可以通过其他方式解决问题,并为您的组件配置已知的id,然后在您的jQuery代码中使用它。

答案 1 :(得分:0)

这是一个有效的例子:

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();

});