<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>中文Flex例子 &#187; DataGrid</title>
	<atom:link href="http://blog.minidx.com/category/flex/datagrid-flex/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.minidx.com</link>
	<description>中文Adobe Flex例子,Flex实例教程,RIA资源,全文检索技术,算法和数据结构</description>
	<lastBuildDate>Thu, 31 Mar 2011 03:22:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flex 4中如何设置Halo DataGrid背景图片的例子</title>
		<link>http://blog.minidx.com/2009/11/04/3018.html</link>
		<comments>http://blog.minidx.com/2009/11/04/3018.html#comments</comments>
		<pubDate>Tue, 03 Nov 2009 22:12:38 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[borderSkin]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3018</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何通过borderSkin和alternatingItemColors样式，设置Halo DataGrid背景图片。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Halo_DataGrid_borderSkin_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#62;
&#160;
&#160; &#160; &#60;mx:DataGrid&#160;id=&#34;dataGrid&#34;
&#160; &#160; &#160; &#160; &#160; &#160; dataProvider=&#34;{Font.enumerateFonts(true)}&#34;
&#160; &#160; &#160; &#160; &#160; &#160; borderSkin=&#34;skins.CustomBorderSkin&#34;
&#160; &#160; &#160; &#160; &#160; &#160; alternatingItemColors=&#34;[]&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;&#160;verticalCenter=&#34;0&#34; /&#62;
&#160;
&#60;/s:Application&#62;
下面为skins/CustomDataGridHeaderBackgroundSkin.mxml的代码:
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;local:SparkSkinForHalo&#160;name=&#34;CustomBorderSkin&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;&#160;
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/11/04/3018.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex 4中如何设置Halo DataGrid头部为图片背景的例子</title>
		<link>http://blog.minidx.com/2009/11/02/3014.html</link>
		<comments>http://blog.minidx.com/2009/11/02/3014.html#comments</comments>
		<pubDate>Mon, 02 Nov 2009 14:53:03 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[headerBackgroundSkin]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3014</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何通过headerBackgroundSkin样式，设置Halo DataGrid头部为图片背景。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Halo_DataGrid_headerBackgroundSkin_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#62;
&#160;
&#160; &#160; &#60;mx:DataGrid&#160;id=&#34;dataGrid&#34;
&#160; &#160; &#160; &#160; &#160; &#160; dataProvider=&#34;{Font.enumerateFonts(true)}&#34;
&#160; &#160; &#160; &#160; &#160; &#160; headerBackgroundSkin=&#34;skins.CustomDataGridHeaderBackgroundSkin&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;&#160;verticalCenter=&#34;0&#34; /&#62;
&#160;
&#60;/s:Application&#62;
下面为skins/CustomDataGridHeaderBackgroundSkin.mxml的代码:
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:SparkSkin&#160;name=&#34;CustomDataGridHeaderBackgroundSkin&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; minWidth=&#34;21&#34;&#160;minHeight=&#34;19&#34;&#62;
&#160;
&#160; &#160; &#60;!-- layer [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/11/02/3014.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flex 4中如何设置Halo DataGrid背景颜色的例子</title>
		<link>http://blog.minidx.com/2009/11/01/3011.html</link>
		<comments>http://blog.minidx.com/2009/11/01/3011.html#comments</comments>
		<pubDate>Sun, 01 Nov 2009 14:32:35 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[alternatingItemColors]]></category>
		<category><![CDATA[contentBackgroundColor]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3011</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何通过contentBackgroundColor和alternatingItemColors样式，设置Halo DataGrid背景颜色。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Halo_DataGrid_contentBackgroundColor_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#62;
&#160;
&#160; &#160; &#60;mx:ApplicationControlBar&#160;width=&#34;100%&#34; cornerRadius=&#34;0&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Form&#160;styleName=&#34;plain&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;contentBackgroundColor:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:ColorPicker&#160;id=&#34;colorPicker&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; selectedColor=&#34;white&#34;&#160;/&#62;
&#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/11/01/3011.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何利用headerSeparatorSkin样式去掉DataGrid头部分割符的例子</title>
		<link>http://blog.minidx.com/2009/07/29/2783.html</link>
		<comments>http://blog.minidx.com/2009/07/29/2783.html#comments</comments>
		<pubDate>Wed, 29 Jul 2009 00:25:38 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[headerSeparatorSkin]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2783</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用headerSeparatorSkin样式，去掉DataGrid头部分割符。 
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;DataGrid_headerSeparatorSkin_test&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:DataGrid&#160;id=&#34;dataGrid&#34;
&#160; &#160; &#160; &#160; &#160; &#160; headerSeparatorSkin=&#34;mx.skins.ProgrammaticSkin&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:dataProvider&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:ArrayCollection&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:Object&#160;c1=&#34;1. One&#34; c2=&#34;1. Two&#34; c3=&#34;1. Three&#34; /&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:Object&#160;c1=&#34;2. One&#34; c2=&#34;2. Two&#34; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/07/29/2783.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过ArrayCollection对象的collectionChange事件，verticalScrollPosition以及maxVerticalScrollPosition属性创建一个自动滚动的DataGrid的例子</title>
		<link>http://blog.minidx.com/2009/07/01/2673.html</link>
		<comments>http://blog.minidx.com/2009/07/01/2673.html#comments</comments>
		<pubDate>Wed, 01 Jul 2009 00:21:14 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[ArrayCollection]]></category>
		<category><![CDATA[collectionChange]]></category>
		<category><![CDATA[CollectionEvent]]></category>
		<category><![CDATA[maxVerticalScrollPosition]]></category>
		<category><![CDATA[validateNow()]]></category>
		<category><![CDATA[verticalScrollPosition]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2673</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过ArrayCollection对象的collectionChange事件，verticalScrollPosition以及maxVerticalScrollPosition属性创建一个自动滚动的DataGrid。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;DataGrid_maxVerticalScrollPosition_text&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;
&#160; &#160; &#160; &#160; creationComplete=&#34;init();&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Script&#62;
&#160; &#160; &#160; &#160; &#60;![CDATA[
&#160; &#160; &#160; &#160; &#160; &#160; import mx.events.CollectionEvent;
&#160; &#160; &#160; &#160; &#160; &#160; private var timer:Timer;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; private function init():void {
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/07/01/2673.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 2/22 queries in 0.603 seconds using disk
Object Caching 396/737 objects using disk

Served from: blog.minidx.com @ 2012-02-10 01:32:44 -->
