HtmlLayout - Use Ext components in plain HTML

[dbassett74]

Doesn't seem to work:

            render: function(p) {
                var tt = new Ext.ToolTip({
                    title: "Levels",
                    html: "test",
                    target: Ext.select("td:nth(1)", true, p.body.dom)
                });
            }

[Condor]

What is inside this td? You can only apply a ToolTip to a top-level element. It doesn't work if the <td> is covered by another element.

[dbassett74]

There is nothing inside the TD. It is empty at all times.

[jcmartinez]

Hi,

I am migrating my application to Ext 4, but I'm using the component: Ext.ux.layout.HtmlLayout that is in Ext 3. I'm looking for this component for Ext 4, does anybody can help me ?

Regards

Juan Carlos

[jcmartinez]

I did some changes to the component, but it is not rendering correctly,

Ext.define('Ext.ux.layout.HtmlLayout', {
    extend: 'Ext.layout.container.Container',
    alias: ['layout.ux.html'],
    alternateClassName: 'Ext.layout.HtmlLayout',
    renderItem: function (c, target, position) {
    if (!c.rendered) {
         if (c.renderTarget) {
                target = Ext.DomQuery.selectNode(c.renderTarget, Ext.getDom(target));
            } else if (c.applyTarget) {
               var el = Ext.DomQuery.selectNode(c.applyTarget, Ext.getDom(target));
                if (!c.rendered) {
                    c.el = el;
                }
                target = el.parentNode;
            }
            Ext.layout.HtmlLayout.superclass.renderItem.call(
this, c, target, position);
        }
    }
});

I got this, I don't see the Date Icon (to the right) and the datefields are at the left (they should have to be on top of "IMPORTE"). Does anybody can help me ?
Imagen.jpg

regards and thank's in advance