<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.2.1" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: Displaying tool tips in a Flex DataGrid control&#8217;s header</title>
	<link>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/</link>
	<description>A bunch of examples for Adobe Flex and ActionScript</description>
	<pubDate>Thu, 04 Dec 2008 23:58:16 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2.1</generator>

	<item>
		<title>By: peterd</title>
		<link>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-15627</link>
		<author>peterd</author>
		<pubDate>Tue, 16 Sep 2008 17:45:47 +0000</pubDate>
		<guid>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-15627</guid>
		<description>Ambika,

Something like this should work (I'll also update the entry above and add this new example):
&lt;pre class="code"&gt;
&#60;?xml version="1.0" encoding="utf-8"?&#62;
&#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();"&#62;

    &#60;mx:Script&#62;
        &#60;![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.controls.DataGrid;
            import mx.controls.Label;

            private var xmlDP:XML = &#60;nodes&#62;
                        &#60;node col1="One.1" col2="One.2" /&#62;
                        &#60;node col1="Two.1" col2="Two.2" /&#62;
                        &#60;node col1="Three.1" col2="Three.2" /&#62;
                        &#60;node col1="Four.1" col2="Four.2" /&#62;
                        &#60;node col1="Five.1" col2="Five.2" /&#62;
                        &#60;node col1="Six.1" col2="Six.2" /&#62;
                        &#60;node col1="Seven.1" col2="Seven.2" /&#62;
                        &#60;node col1="Eight.1" col2="Eight.2" /&#62;
                        &#60;node col1="Nine.1" col2="Nine.2" /&#62;
                    &#60;/nodes&#62;;

            private var dataGrid:DataGrid;
            private var dataGridCol1:DataGridColumn;
            private var dataGridCol2:DataGridColumn;

            private function init():void {
                dataGridCol1 = new DataGridColumn();
                dataGridCol1.dataField = "@col1";
                dataGridCol1.headerText = "The quick brown fox jumped over the lazy dog";
                dataGridCol1.headerRenderer = new ClassFactory(Label);

                dataGridCol2 = new DataGridColumn();
                dataGridCol2.dataField = "@col2";
                dataGridCol2.headerText = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit";
                dataGridCol2.headerRenderer = new ClassFactory(Label);

                dataGrid = new DataGrid();
                dataGrid.dataProvider = xmlDP.node;
                dataGrid.columns = [dataGridCol1, dataGridCol2];
                dataGrid.width = 300;
                dataGrid.height = 200;
                addChild(dataGrid);
            }
        ]]&#62;
    &#60;/mx:Script&#62;

&#60;/mx:Application&#62;
&lt;/pre&gt;

Peter</description>
		<content:encoded><![CDATA[<p>Ambika,</p>
<p>Something like this should work (I&#8217;ll also update the entry above and add this new example):</p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.controls.DataGrid;
            import mx.controls.Label;

            private var xmlDP:XML = &lt;nodes&gt;
                        &lt;node col1="One.1" col2="One.2" /&gt;
                        &lt;node col1="Two.1" col2="Two.2" /&gt;
                        &lt;node col1="Three.1" col2="Three.2" /&gt;
                        &lt;node col1="Four.1" col2="Four.2" /&gt;
                        &lt;node col1="Five.1" col2="Five.2" /&gt;
                        &lt;node col1="Six.1" col2="Six.2" /&gt;
                        &lt;node col1="Seven.1" col2="Seven.2" /&gt;
                        &lt;node col1="Eight.1" col2="Eight.2" /&gt;
                        &lt;node col1="Nine.1" col2="Nine.2" /&gt;
                    &lt;/nodes&gt;;

            private var dataGrid:DataGrid;
            private var dataGridCol1:DataGridColumn;
            private var dataGridCol2:DataGridColumn;

            private function init():void {
                dataGridCol1 = new DataGridColumn();
                dataGridCol1.dataField = "@col1";
                dataGridCol1.headerText = "The quick brown fox jumped over the lazy dog";
                dataGridCol1.headerRenderer = new ClassFactory(Label);

                dataGridCol2 = new DataGridColumn();
                dataGridCol2.dataField = "@col2";
                dataGridCol2.headerText = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit";
                dataGridCol2.headerRenderer = new ClassFactory(Label);

                dataGrid = new DataGrid();
                dataGrid.dataProvider = xmlDP.node;
                dataGrid.columns = [dataGridCol1, dataGridCol2];
                dataGrid.width = 300;
                dataGrid.height = 200;
                addChild(dataGrid);
            }
        ]]&gt;
    &lt;/mx:Script&gt;

&lt;/mx:Application&gt;
</pre>
<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ambika</title>
		<link>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-15625</link>
		<author>Ambika</author>
		<pubDate>Tue, 16 Sep 2008 15:38:50 +0000</pubDate>
		<guid>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-15625</guid>
		<description>How do I achieve the same in actionscript? I am building my datagrid dynamically. Thanks</description>
		<content:encoded><![CDATA[<p>How do I achieve the same in actionscript? I am building my datagrid dynamically. Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Joel Marks</title>
		<link>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-14619</link>
		<author>Joel Marks</author>
		<pubDate>Mon, 11 Aug 2008 12:59:15 +0000</pubDate>
		<guid>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-14619</guid>
		<description>Is there any way that you can use the headerrenderer to make the column headers angled?

Thanks</description>
		<content:encoded><![CDATA[<p>Is there any way that you can use the headerrenderer to make the column headers angled?</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: barry.b</title>
		<link>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-6808</link>
		<author>barry.b</author>
		<pubDate>Sat, 09 Feb 2008 10:54:15 +0000</pubDate>
		<guid>http://blog.flexexamples.com/2008/02/08/displaying-tool-tips-in-a-flex-datagrid-controls-header/#comment-6808</guid>
		<description>simple but effective - great tip. thanks.</description>
		<content:encoded><![CDATA[<p>simple but effective - great tip. thanks.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
