You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flex.apache.org by "Sebastian Wichmann (JIRA)" <ji...@apache.org> on 2013/10/30 14:51:28 UTC

[jira] [Updated] (FLEX-33867) DataGrid row doesnt resized on hovered - with custom itemRenderer

     [ https://issues.apache.org/jira/browse/FLEX-33867?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Sebastian Wichmann updated FLEX-33867:
--------------------------------------

    Description: 
I create a itemRenderer with a hovered state. On hovered I wanna change the size of this itemRenderer but the row doesnt resized.

Example:
{code:ActionScript}
	<s:DataGrid
		itemRenderer="TestItemRenderer"
		variableRowHeight="true"
		width="100%"
		height="100%"
		>
		<s:dataProvider>
			<s:ArrayCollection> 
				<fx:Object Artist="Pavement" Price="11.99" 
						   Album="Slanted and Enchanted"/> 
			</s:ArrayCollection> 
		</s:dataProvider>
		<s:columns> 
			<s:ArrayList>
				<s:GridColumn dataField="Album"/> 
				<s:GridColumn dataField="Price"/> 
			</s:ArrayList>
		</s:columns> 
	</s:DataGrid> 
{code}

TestItemRenderer:
{code:ActionScript}
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer 
	xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/mx"
	clipAndEnableScrolling="true"
	height.hovered="100">
	
	<fx:Script>
		<![CDATA[
			override public function prepare(hasBeenRecycled:Boolean):void {
				lblData.text = data[column.dataField]
			}
		]]>
	</fx:Script>
	
	<s:states>
		<s:State name="normal" />
		<s:State name="hovered" />
		<s:State name="selected" />
	</s:states>
	
	<s:BorderContainer
		includeIn="hovered"
		height="100%"
		borderVisible="true"
		borderColor="red"
		backgroundColor="#CCCCCC"
		>
		<s:Label
			text="Hello on hovered"
			verticalCenter="0"
			/>
	</s:BorderContainer>
	
	<s:Label id="lblData" top="9" left="7"/>
</s:GridItemRenderer>
{code}


  was:
I create a itemRenderer with a hovered state. On hovered I wanna change the size of this itemRenderer but the row doesnt resized.

Example:
	<s:DataGrid
		itemRenderer="TestItemRenderer"
		variableRowHeight="true"
		width="100%"
		height="100%"
		>
		<s:dataProvider>
			<s:ArrayCollection> 
				<fx:Object Artist="Pavement" Price="11.99" 
						   Album="Slanted and Enchanted"/> 
			</s:ArrayCollection> 
		</s:dataProvider>
		<s:columns> 
			<s:ArrayList>
				<s:GridColumn dataField="Album"/> 
				<s:GridColumn dataField="Price"/> 
			</s:ArrayList>
		</s:columns> 
	</s:DataGrid> 


TestItemRenderer:
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer 
	xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/mx"
	clipAndEnableScrolling="true"
	height.hovered="100">
	
	<fx:Script>
		<![CDATA[
			override public function prepare(hasBeenRecycled:Boolean):void {
				lblData.text = data[column.dataField]
			}
		]]>
	</fx:Script>
	
	<s:states>
		<s:State name="normal" />
		<s:State name="hovered" />
		<s:State name="selected" />
	</s:states>
	
	<s:BorderContainer
		includeIn="hovered"
		height="100%"
		borderVisible="true"
		borderColor="red"
		backgroundColor="#CCCCCC"
		>
		<s:Label
			text="Hello on hovered"
			verticalCenter="0"
			/>
	</s:BorderContainer>
	
	<s:Label id="lblData" top="9" left="7"/>
</s:GridItemRenderer>




> DataGrid row doesnt resized on hovered - with custom itemRenderer
> -----------------------------------------------------------------
>
>                 Key: FLEX-33867
>                 URL: https://issues.apache.org/jira/browse/FLEX-33867
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Spark: DataGrid
>    Affects Versions: Apache Flex 4.11.0
>            Reporter: Sebastian Wichmann
>            Priority: Critical
>              Labels: Datagrid, gridrowheight
>             Fix For: Apache Flex 4.9.0
>
>
> I create a itemRenderer with a hovered state. On hovered I wanna change the size of this itemRenderer but the row doesnt resized.
> Example:
> {code:ActionScript}
> 	<s:DataGrid
> 		itemRenderer="TestItemRenderer"
> 		variableRowHeight="true"
> 		width="100%"
> 		height="100%"
> 		>
> 		<s:dataProvider>
> 			<s:ArrayCollection> 
> 				<fx:Object Artist="Pavement" Price="11.99" 
> 						   Album="Slanted and Enchanted"/> 
> 			</s:ArrayCollection> 
> 		</s:dataProvider>
> 		<s:columns> 
> 			<s:ArrayList>
> 				<s:GridColumn dataField="Album"/> 
> 				<s:GridColumn dataField="Price"/> 
> 			</s:ArrayList>
> 		</s:columns> 
> 	</s:DataGrid> 
> {code}
> TestItemRenderer:
> {code:ActionScript}
> <?xml version="1.0" encoding="utf-8"?>
> <s:GridItemRenderer 
> 	xmlns:fx="http://ns.adobe.com/mxml/2009" 
> 	xmlns:s="library://ns.adobe.com/flex/spark" 
> 	xmlns:mx="library://ns.adobe.com/flex/mx"
> 	clipAndEnableScrolling="true"
> 	height.hovered="100">
> 	
> 	<fx:Script>
> 		<![CDATA[
> 			override public function prepare(hasBeenRecycled:Boolean):void {
> 				lblData.text = data[column.dataField]
> 			}
> 		]]>
> 	</fx:Script>
> 	
> 	<s:states>
> 		<s:State name="normal" />
> 		<s:State name="hovered" />
> 		<s:State name="selected" />
> 	</s:states>
> 	
> 	<s:BorderContainer
> 		includeIn="hovered"
> 		height="100%"
> 		borderVisible="true"
> 		borderColor="red"
> 		backgroundColor="#CCCCCC"
> 		>
> 		<s:Label
> 			text="Hello on hovered"
> 			verticalCenter="0"
> 			/>
> 	</s:BorderContainer>
> 	
> 	<s:Label id="lblData" top="9" left="7"/>
> </s:GridItemRenderer>
> {code}



--
This message was sent by Atlassian JIRA
(v6.1#6144)