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

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