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

スタイリングなどをいじる必要があるかもしれませんが、それがその要点です。また、レコードの有効性が変更された場合は、ツールチップが更新されたことを確認するために、グリッドを更新する必要があります。