javascript - Sencha touch 覆盖点到 html 元素

Question

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

例如，我有一个像这样的 div<div id = 'testdiv'></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);