css - 网格面板错误提示

Question

我有一个网格面板，想在鼠标悬停时显示一个错误工具提示，就像我们在文本字段和组合框中看到的那样。是否有任何内置组件可以为网格面板显示此错误样式的工具提示。

我这样做是为了根据网格面板中的记录数查找验证。请帮助

Answer 1

没有任何内置功能可以完成此操作，但您仍然可以做到。幸运的是，不久前我不得不做这样的事情。

您需要使用列渲染器。您还需要将错误消息存储在记录本身上，或者有办法按记录访问错误消息。您的渲染器应如下所示：

renderer: function(value, metaData, record){
    if(/* record has error */){
        metaData.tdCls += " x-form-invalid-field";  // Squiggly red lines
        metaData.tdAttr = "data-errorqtip='This is my error message!'";
    }
    return value;
}

您可能需要玩弄样式和诸如此类的东西，但这就是它的要点。此外，如果记录的有效性发生变化，您必须刷新网格，以确保您的工具提示显示已更新。