Dreamer’s Blog ドリーマーさんのブログ

在Peter Ent那里看到一个关于DataGrid的技巧，很有用。でピーターentあるのスキルを表示するにDataGridの上で有益なものです。 文章比较短，直接翻译在这里好了。この記事はかなり短いもの、直接の翻訳は、いいんじゃないか。

原文地址：http://weblogs.macromedia.com/pent/archives/2006/10/datagrid_tip_ro.cfm元の住所： http://weblogs.macromedia.com/pent/archives/2006/10/datagrid_tip_ro.cfm

DataGrid 技巧：行的背景色 DataGridのスキル：すると、背景色ライン

如何更改DataGrid中某一行的背景色是一个被经常问的问题。どうすればよいのDataGridの行を変更すると、背景色は、頻繁に尋ねられる質問です。 这个在Flex2.0中很简单，只需按照下面的步骤做： flex2.0これを非常に単純なものは、次の手順に従って、この操作を行うに：

1.创建一个扩展自mx.controls.DataGrid 的类。 1 。 mx.controls.datagrid天地創造以来の拡大をするのカテゴリをクリックします。 这个类可以是MXML文件或者ActionScript文件，你可以根据自己的习惯创建。このクラスmxmlできるActionScriptのドキュメントやファイルを作成することができますによると、独自の習慣です。

2.覆写protected 方法drawRowBackground ： 2です。 drawrowbackground protected メソッドをオーバーライド：

override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void保護機能をオーバーライドdrawrowbackground （秒：スプライト、 rowindex ： int 、 Y ：イットリウム番号、身長：番号、カラー： uint 、 dataindex ： int ） ：無効
{ （
// 这里可以做一些对数据的判断，然后更改相应的颜色。 / /いくつかのデータをすることができます。判断を行う、と入力し、変更して対応する色を設定します。 比如color = 0xFF0000;たとえば、カラー= 0xff0000 ;
// 调用super函数来执行更改。 / /コールスーパー機能を実装する変更を適用します。
super.drawRowBackground(s,rowIndex,y,height,color,dataIndex); super.drawrowbackground （秒、 rowindex 、 y 、高さ、色、 dataindex ） ;
} ）

3.在你的程序中用你新建的类替代<mx:DataGrid>。 3 。の過程で代替するときに使用して新しいカテゴリー<mx: datagrid>です。

在drawRowBackground 方法中你可以对数据做一些判断。 drawrowbackground方法にはいくつかのデータを判断することができます。 dataIndex 参数可以用来查看dataProvider 中某一行所显示的数据。 dataindex DataProviderのパラメータを確認することができますが示されているデータの行です。 例如：假设你想要将数值大于1000的行都显示为绿色：例：したいと想像して1000人以上の値によると、緑色のライン：

var item:Object = (dataProvider as ArrayCollection).getItemAt(dataIndex); varアイテム：オブジェクト= （ DataProviderのarraycollectionとして） 。 getitemat （ dataindex ） ;
if( item.quantity > 1000 ) color = 0×00FF00;もし（ item.quantity > 1000 ）カラー= 0 × 00ff00 ;

就这么简单。ただそれだけのことです。

分享收藏 共有コレクション