Question

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

我让SQL服务回复了名为OfferTruncated的截断文本以及模型/商店中名为Offer的全文。发生的事情是我想要显示的是GridT上的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);

        }
    },

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

1 个答案: