view - ExtJS 4 GridView - 如何获取单元格的 td 或 div？

Question

在GridPanel中，我们都知道可以指定renderer在列配置中具有自定义单元格。现在有一个特殊情况，我需要构建一个自定义的视觉进度条( Canvas )以绘制到单元格中，我的问题是 如何获得el单元格 ?

在渲染器回调中，可用值为 value , metadata , record , rowIndex , columnIndex , store , 和 view .我试过 view.getNode或 view.getCell仍然没有运气。

提前谢谢你!

/莱昂内尔

编辑

经过一些进一步的挖掘，我意识到在调用渲染器时我的节点实际上还没有准备好，即 view.getNode和 view.getCell实际上正在工作，但延迟了(它一直返回 null)

解决方法是使用 setTimeout并在节点准备好后呈现元素。这绝对不是处理案件的最佳方式。无论如何，欢迎任何建议:)

/莱昂内尔

Answer 1

原来这个问题的答案是使用 setTimeout模拟一些延迟，以便在一些延迟后可以正确添加节点。

这是我的 renderer

renderer = function (v, meta, rec, r, c, store, view) {

    setTimeout(function() {
        var row = view.getNode(rec);

        //Capturing the el (I need the div to do the trick)
        var el = Ext.fly(Ext.fly(row).query('.x-grid-cell')[c]).down('div');

        //All other codes to build the progress bar
    }, 50);
};

丑陋，但它的工作原理。如果没有其他答案，我将在接下来的两天内将其作为有效答案接受。

干杯

/莱昂内尔