Sencha touch Overlay指向html Element

Question

使用sencha touch 2.2构建应用程序。这里有一个重叠问题。我的应用程序中有一个celendar视图。当用户触摸特定日期时，我想显示该日期列的叠加点。一切都完成了。我只是想将该叠加指向该特定日期字段。我可以将覆盖指向sencha组件，但不指向html元素。

例如，我有一个像<div id = 'testdiv'></div>

这样的div

我想将叠加指向该div

尝试了这个，但没有成功。请帮我解决这个问题。谢谢

var overlaypanel= Ext.getCmp(‘overlaypanel’);
var comp= Ext.get('testdiv') // here i want to get the id of tapped date column
overlaypanel.showBy(comp);

Answer 1

你的代码应该是正确的 - 我创建了一个Sencha Fiddle，证明它有效。运行代码时，您的应用中是否有任何错误？

https://fiddle.sencha.com/?fiddle=sk#fiddle/sk

    // create a DIV
    Ext.DomHelper.append(Ext.getBody(), {
        tag: 'div',
        id: 'mydiv',
        html: 'hello',
        style: 'position: absolute; top: 50%; left: 50%'
    });

    // create a Panel
    var panel = Ext.create('Ext.Panel', {
        html: 'THIS IS SOME TEXT'
    });


    // get reference to the Div
    var div = Ext.get('mydiv');

    // show the panel beside it
    panel.showBy(div);