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;
}

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