编辑备用提示消息

Question

我正在尝试为单列的 2 个单元格设置 2 个不同的工具提示消息，但在运行时将应用单个提示消息，即如果我根据 if 子句的条件单击单元格，则相同的提示消息将被转发到其余部分在单元格中，如果我从第一个单元格导航到第二个单元格，则消息不会更改，第一个单元格消息将继续下去，反之亦然，如果我从第二个单元格移动到第一个单元格，则第二个提示消息将与其余单元格保持相同。

celldblclick : function(grid, rowIndex, columnIndex, e) {
    var ed = grid.getColumnModel().getCellEditor(columnIndex,rowIndex) || {};
    ed = ed.field || {};

    if (rowIndex == 0 && columnIndex == 2) {
        ed.qtipText="SAMPLE1";
    } else {
        ed.qtipText="SAMPLE2";
    }
}

Answer 1

为了让它们以不同的方式显示，我通常将一个函数附加到工具提示 beforeshow 方法，该函数在显示工具提示之前更新工具提示：

// add tooltips to grid
myGrid.getView().on('render', function(view) {
    view.tip = Ext.create('Ext.tip.ToolTip', {
        target: view.el,
        delegate: view.itemSelector,
        trackMouse: true,
        minWidth: 0, 
        maxWidth: 800, 
        dismissDelay: 0,
        showDelay: 800,
        renderTo: Ext.getBody(),
        listeners:{
            beforeshow: function updateTipBody(tip){
                text = view.getRecord(tip.triggerElement).get('tooltip')
                tip.setWidth(text.length * 5);
                tip.update(text);
            }
        }
    });
});  

在上面的示例中，我为数据存储本身中的每个记录定义了工具提示，即这就是为什么我调用 text = view.getRecord(tip.triggerElement).get('tooltip') （'tooltip' 是我的数据存储中包含工具提示文本的列）。但是您可以在 beforeshow 侦听器函数中实现您想要的任何逻辑，只要您在最后调用 tip.update(yourLogic) 即可。