网格面板错误工具提示

Question

我有一个网格面板，想要在鼠标悬停时显示errortooltip，就像我们在textfields和combobox中看到的那样。是否有任何内置组件显示此错误样式的网格面板工具提示。

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

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

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