extjs - 工具提示覆盖 EXT JS 5 中的列显示数据

Question

我有一个列网格问题，我想将网格单元格的数据截断为 50 个字符，然后让工具提示显示完整数据。

我在模型/商店中使用名为 OfferTruncated 的截断文本和名为 Offer 的全文响应 SQL 服务。我正在尝试显示的是网格上的 OfferTruncated 和工具提示中的 Offer，但 Offer 显示在两者中。

这里是列项

{
        header: 'Offer',
        dataIndex: 'Offer',
        width: 300,
        renderer: function (value, metadata, record) {
            return getExpandableImage(value, metadata, record);
        }
    },

这是我做的全局函数

function getExpandableImage(val, meta, rec, rowIndex, colIndex, store) {
var deviceDetail = "Offer Terms: " + rec.get('Offer');
meta.tdAttr = 'data-qtip="' + deviceDetail + '"';
var value = rec.get('OfferTruncated')
return value;
}

Answer 1

只使用内置的 EXTjs 省略号函数会更容易一些，而不是返回两个字段，其中一个字段只是另一个字段的截断数据。使用渲染器:

    {
        header: 'Offer',
        dataIndex: 'Offer',
        width: 300,
        renderer: function (value, metadata, record) {
            var deviceDetail = "Offer Terms: " + value;
            metadata.tdAttr = 'title="' + Ext.util.Format.ellipsis(deviceDetail, 800) + '"';
            return Ext.util.Format.ellipsis(value, 50);

        }
    },