1

advanceddatagrid セルのレンダリングについて簡単な質問があります。

条件に基づいてデータグリッドのセルをプログラムで色付けする必要があります。たとえば、株価です。前日から増加している場合はセルを緑に、減少している場合は赤で色付けする必要があります。

ここで重要なのは、これらのことを動的に行う必要があるということです。つまり、ユーザーが比較/条件を有効にすると、セルが色付けされます。ユーザーが比較を無効にすると、再びデフォルトの動作に戻ります。

レンダラーを使用する必要があることはわかっています。しかし、セルにそれを使用する方法と、それがあまりにも動的であることがわかりません。誰かがそれを行う方法を説明できますか?

ありがとう

4

1 に答える 1

3

アイテム レンダラーは、コンポーネントの「アイテム」またはサブコンポーネントの外観を定義するために使用されるコンポーネントです。ADG の場合、「項目」は個々のセルです。レンダラーとして機能する完全にカスタムのクラスを作成できます (特定の必要なインターフェイスを実装している場合)。ほとんどの場合、既存のコンポーネントを拡張します。ADG セルの既定のレンダラーは背景色をサポートしていないため、背景色をサポートするコンポーネントを作成または拡張し、それをレンダラーとして使用する必要があります。これは、次の質問にリンクされているこれらのチュートリアルが機能する基本的な前提です。

Adobe Flex でデータグリッド行の背景色を設定する

背景色をサポートする itemRenderer を作成した後、「条件」を定義できる場所に関して 2 つのオプションがあります。itemRenderer 内または ADG の styleFunction を使用します (さらに、itemRenderer で「背景」スタイルを定義する必要があります)。

あなたの場合、各セルに送信されるデータに今日と昨日の両方の株価値を含め、2 つを比較して、背景の描画に使用される色を決定できます。繰り返しますが、上記のチュートリアル リンクで詳細を確認してください。itemRenderer または styleFunction のいずれかで、itemRenderer の/styleFunction のデータ オブジェクト (見ている行に対応する) のプロパティを比較します。次に例を示します。

if(data.today > data.yesterday)
{
    // set color or return style
}
else ...

カスタム セルの色を「切り替える」には、カスタム レンダラーとデフォルト (無色) レンダラーを切り替えます。つまり、色を表示する必要がある場合は itemRenderer プロパティをカスタム itemRenderer クラスに設定し、「デフォルトの動作」が必要な場合はそれを「null」に設定します。

于 2009-04-21T23:51:25.260 に答える