extjs - ExtJS4 Column 类是如何工作的？

Question

我编写了自己的子类，用于一些选择和分页等。但是这些都与 . 一起使用renderer()，这要求它们返回一个字符串。

这很好用，我创建了一些图像标签并返回了这些标签。

但是这个类是如何详细工作的呢？我想要一个在单元格中显示图表的子类，这在技术上应该没有问题，但renderer()它似乎不适合它，因为它只适用于字符串。

类是否为每一行实例化？或者它真的只是一列的一个实例，对于具有所需数据的每一行调用哪些方法，并且这些实例不保存有关行的任何状态？

Answer 1

该renderer()机制实际上是在 中实现的Ext.grid.column.Column，每列有一个。

正如您所提到的，该renderer()函数返回一个字符串，它可能是一个 HTML 字符串（这可能相当复杂 - 看看 ExtJs 用于标准列的模板）。但是您不能返回组件（图表）。

据我所知（基于我自己的理解和对类似问题的回答），ExtJs 没有提供一种直接的方式来渲染网格单元中的组件。如果您真的考虑一下 - 您对网格的要求远远超过其预期角色。它旨在按原始记录呈现记录，并添加了简单的用户交互设施，如复选框。

但是您真正要求的是更多布局图表的方法，对于这个问题，我建议您查看表格布局。

或者，您应该能够将图表呈现到 dom 元素中，该元素将在您自己的自定义列模板中定义。但我会认为这是一项复杂的任务。