如何在sencha touch 2中获得div的高度？

Question

我需要获得div的高度

我用普通的js做到了：

var inner = document.getElementById("inner").offsetHeight;

但是，当我在另一个选项卡中时不起作用，因此我尝试使用Ext 。

我尝试这样做，但是不起作用：

var innerdiv = Ext.DomQuery.selectNode("inner");

var inner = innerdiv.getHeight();

我找不到任何例子。

哪个是获得div高度的最佳方法？

Answer 1

使用Ext.DomQuery.selectNode ，必须具有选择器权限。 如果inner是ID，则需要在其前面加上# ：

var innerHeight = Ext.DomQuery.selectNode("#inner").getHeight();

Answer 2

尝试像

Ext.DomQuery.selectNode("#test").offsetHeight

Answer 3

我在这里找到了一个可行的例子。

var dimSz = Ext.get('dim-sizing');
var padding = dimSz.getPadding('lrtb'); // has value of 0px
var border = dimSz.getBorderWidth('lrtb'); // has value of 0px
var height = dimSz.getHeight(); // has value of 1691px
var width = dimSz.getWidth(); // has value of 895px

首先使用Ext.get获取DIV ID，然后使用函数获取其尺寸。

如果DIV位于其他（不可见）选项卡中，则仍然不起作用（可能是因为DIV的高度为0）