Flex :: Reduce The Height Of The List Based On The State Of Its Item Renderer?

Jan 20, 2010

We have a requirement to show a list of appointment slots. So every hour of a schedule has a set of 10 min slots. The requirement is that if we click on a arrow button at the 8:00, 9:00 hour slot, the layout of the hour slots should change from a vertical list to a horizontal list.For this we modeled the system as follows:ScheduleComponent ->(contains) -> List (Hours of schedule)The HourViewComponent is an Item Renderer, that displays the 10 mins slots based on the available appointments by using a Slots List (list of slots in the 8:00 hour). For the Slots List we have a Slot View Component as an Item Renderer.Now the issue is that when we click on the 8:00 slot we are able to change the HourViewSlot from a VerticalState to a Horizontal state. But The container height is not collapsing in the minimized state. It occupies the same size as the vertical layout! We tried using variableRowHeight attribute.

Similar Posts:

Flex :: Get List Item Selection Working When Using A Png Mask In An Item Renderer In A 4.5 Mobile App?

Jun 10, 2011

I'm creating a mobile app in which I need to show a calendar with months at the top. The months are part of a component that extends from SkinnableDataContainer (and has some custom scrolling/behaviour - which is why I did'nt use a spark list). I need the months to be shown as a 'trapezium' shaped tab and so I'm using a png image as a mask in the item renderer for the component.

When the mask is not applied, it all works well - the months render, the list/data container selection works when I click on a month and so on.When the mask is applied, it renders well, scrolling and everything else seems to work well - but when I click on a month, nothing happens visually. And from the trace statements in my code, it appears list item selection is not changing. Looks like mouse clicks are not working.

Code:

public class TopCalendarMonthRenderer extends LabelItemRenderer {
[Embed(source="/assets/trapezium_alpha.png")]
private static var TrapeziumMask:Class;
private static var trapeziumMaskInstance:BitmapAsset;

[code]...

Flex :: DataGroup - Setting Height Of Item Renderer

Nov 28, 2011

I've been playing around with renderers the last few days for a mobile application. I'm creating a gridlike renderer that has columns that is light weight for a mobile app. It is a bit of a poor man's datagrid. The layout is fine. The question I have is controlling the height of each row in the list.

When measure() is called, I set the measuredHeight to:
measuredHeight = getElementPreferredHeight(ld) + verticalPadding;
Where vertical padding is:
var verticalPadding:Number = getStyle("paddingTop") + getStyle("paddingBottom");

When I debug on the desktop, the measuredHeight is set to 12 and on the device (Motorola Atrix), it is set to 12. But when layoutContents is called, the unscaledHeight is a number much larger than my measuredHeight value (44 on the device, 66 when running on the desktop), resulting in more vertical whitespace surrounding each item than I care to have. How do I control that row height? I happen to be using a Datagroup for this particular example but in some playing around I did with just a simple list, I had the same issue. Somewhere the system is overriding my measuredHeight with some other value.

Flex :: Spark List Item Renderer

Nov 29, 2010

How do I wordwrap in a spark list w/ an itemrenderer? This posting at[URL] works 100% but when I try to set a separate item renderer, I can't get the word wrapping...instead, I get an ugly horizontal scroll bar. HEre is my mxml:

[Code].....

Flex :: Caching Images In List Item Renderer?

Oct 20, 2009

I have a List and the item renderer displays an image. Whenever you scroll the list, and the item renderer refreshes, it redownloads the image. Causing there to always be a delay. Is there some way of caching it so it doesn't have to redownload every time causing a delay in showing the image every time you scroll the list?

Flex :: Get The Item Renderer That Is At The Top Of The Viewport In A Spark List?

Oct 26, 2010

I have a Flex Spark List (well it's a Tree to be precise but it renders as a list) and as I'm scrolling through it I want to provide information about the item that is currently at the top of the list in context to the viewport. So this could be the 100th item in the list depending on how far you've scrolled down.

Flex :: List Item Renderer IMAGE Preview Component?

May 20, 2011

I have found something good here. [URL]..The mouseover effect on the list item is good. Any ideas to make this look.. I can infer that this is happening on mouseover of the Image Component. I think this is similar to google image search preview of images. If anyone have come across a component similar to this kindly share it to me and to all.

Actionscript 3 :: Flex Bind Values In A List With ComboBox As Item Renderer

Apr 26, 2010

I am using a List with an ArrayCollection as a DataProvider. The list uses ComboBox as Item Renderer itemRenderer="mx.controls.CheckBox"I would like to bind the values in the List.You have a list with several comboboxes, and those values are loaded dynamically from an ArrayCollection.The ArrayCollection contains Objects with a boolean property for which I should bind the True/False values selected in the comboboxes.

Flex :: Create A Custom List Item Renderer With Image(base64 Png String) At Runtime?

Mar 28, 2011

I'm trying to create a list with icons. There're a lot of examples but seems all of them are using embedded images.My problem is how can I create the list with icon from base64 png string at runtime?

Flex :: Access TileList Item Index In A Custom Item Renderer?

Mar 4, 2011

<mx:itemRenderer>
<mx:Component>
<mx:Canvas>

[code]......

Flex :: Toggling States - When Other Item Is Selected The First Item Does Not Change Its State?

Apr 26, 2011

I have used states in my application.The thing is I have made the first item in my list to be selected. so I gave like this,

if(itemIndex == 0)
this.currentState="selected";

this works fine.The problem is when other item is selected the first item does not change its state,it remains in the selected state until its clicked.My code looks like this,

<s:BorderContainer id="outerCont" width="275" height="100" borderVisible="false"
backgroundColor.normal="#3D3C3C" backgroundAlpha.selected="0.1"
backgroundColor.selected="{data.color}">

My states are like this,

<s:states>
<s:State name="normal" />
<s:State name="hovered" />[code]........

Xml :: Flex 4 Using Datagroup With Item Renderer

Sep 8, 2010

I have a Datagroup with a custom item renderer the momment I bind it to XML from an http service it stops working.

[Code]...

Flex :: Datagroup Item Renderer Coordinates?

Nov 24, 2009

I'd like to have an overlay that draws lines between selected items in different Flex 4 List controls.

The problem is I can't figure out how to access the x, y coordinates of the list's item renderers.

Flex :: Access All Item Renderer Of MX: Tree In?

Jul 20, 2010

my renderer contains a canvas in it, i add some title-window, every time i see my tree previously added Title-Windows are visible, i want to access each n every item in tree and remove previosly added all windows from the rendere. how access all the item renderer in AS3 ?

Actionscript :: Pop Up In Flex Tree Item Renderer?

May 9, 2011

I have an mx:tree with with TreeItemRenderer as below.

Parent1 (Delete | Rename)
Child1
Child2
Parent2 (Delete | Rename)
Child3
Child4

Delete and Rename are link buttons

Now when i click Rename a popUp should be shown like

OldName : Parent1(Text Input showning present Name)
Enter New Name: Parent1NewName(Text Input for entering New name)
OK | CANCEL Buttons

Afetr Entering the new name,click OK,popup should be closed and need to get the value in the treeItemRenderer.

I have the logic to rename the Parent1 in TreeItemRenderer and also I m able to get the Parent1 in the popup OldName TextInput.But after entering the new name i m not able to get that new name in the TreeItemRenderer.

Flex :: Edit ArrayCollection Through Item Renderer?

Jun 16, 2011

I use a spark List with a custom item renderer and an ArrayCollection for dataProvider.

The ItemRenderer looks something like

<mx:TextInput id="txtValue1" text="{data.myFirstValue}"/>
<mx:TextInput id="txtValue2" text="{data.mySecondValue}"/>

However, even though I change the text in txtValue1 or txtValue2, those are not actually changed in the object inside the ArrayCollection.

myFirstValue and mySecondValue are decorated with the [Bindable] tag.

My understanding is that if the text property is set to be bound a certain property, the changes should be automatically applied.

So the HACK (or so I think) that I use is to listen to the focusOut event of each textbox, and access the parent data provider and set the the values manually.

Flex :: Inject Properties Into Item Renderer

Aug 5, 2011

Is it a bad idea to inject data into an itemrenderer. The reason I ask this is because the state of each item is dependent on different changing data sources. So the original data is used to just display a new item, but there could be two to three other data collections that would be needed to determine the item's behavior. Is there a better way to do this? Should I be creating a custom DataGroup with the other data sources as properties on this custom container and then reference the data sources from the itemrenderer to the parent?

Flex :: Actionscript - Flex 4.6 - Custom Item Renderer - HTML Formatted Text?

Dec 7, 2011

ow do you display HTML formatted text in a Spark custom item renderer (Actionscript)?

Sample Code:

The html content in item.post_content displays as plain text in the IconItemRenderer messageFunction snippet below (which is just the default generated code for Icon Item renderer):

<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer iconField="iconField"
iconWidth="64" iconHeight="64" labelField="post_title" messageFunction="getPost">

[code]...

Flex :: Unable To Select Custom Item Renderer?

Jul 25, 2009

I have made the following item renderer in mxml, but when I use it in a list for some reason I can not select it. Am I doing something wrong?

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
horizontalScrollPolicy="off">
<mx:Script>

[code]......

Flex :: Resizing Item Renderer When HorizontalList Resizes

Aug 15, 2009

I have a HorizontalList that is resized at runtime. The problem is that the items are not adjusting their height to the height of the HorizontalList. I use an item renderer (vBox) which has its height set to 100%. But the items always stay at their initial size.

Flex :: Accessing DataGridColumn Item Renderer Variable?

Sep 1, 2009

Within a DataGrid, I have a DataGridColumn that uses a custom component as the item renderer. Within the component, I have an ArrayCollection that stores a set of value objects. My problem is that I cannot access the ArrayCollection values from outside of the item renderer component. Does anyone know how it would be possible to do this? I have posted a code snippet below.

<mx:Script>
<![CDATA[
// Cannot access arrFiles from here.

[code].....

Flex :: One DataGrid Item Renderer For Multiple Columns?

Apr 30, 2010

I'm trying to create a Flex DataGrid where the firstname and lastname are shown under each other, but in the DataGridColumn

Ideally I would want to do something like

<mx:columns>
<mx:DataGridColumn headerText="Column 2" dataField="time"/>
<mx:DataGridColumn headerText="Column 2" dataField="firstname,lastname" itemRenderer="renderers.FirstNameLastName"/>

so that both values get passed to the itemrenderer, is this possible?

Flex :: Call A Custom Event From An Item Renderer?

Jun 17, 2010

I have a Renderer:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" [code].............

Flex :: Using An Inline Item Renderer To Edit DATAGRID?

Feb 27, 2011

I have a problem in my datagrid itemeditor This is my data grid component

<mx:DataGrid id="lessonPlanDataGrid" x="10" y="10" dataProvider="{studentLessonPlanArray}" height="271" width="270" editable="true">

[Code]...

Actionscript 3 :: Flex Prevent Item Renderer Recycling?

May 30, 2011

Is there a way to prevent recycling of item rendered with Spark components on Flex 4.5 ? It might sound ridiculous, but actually this would do the trick until i understand a bit more the rendering life-cycle

Flex :: How To Dynamically Change Component In Item Renderer

Jan 16, 2012

How can I dynamically change components text size in item renderer? Here is my CustomItemRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="[URL]" xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Declarations>

</fx:Declarations>
[Code] .....

When a button is pressed I want to access textArea2 and change font size.

Flex :: Itemrenderer - Referencing And Setting A Single Item Renderer Instance In A Flex Tree At Runtime?

Oct 17, 2010

Anyone know how to change a single instance of an item renderer for a Flex tree item at runtime? To reiterate, I'm not trying to change the entire tree's item renderer like this:tree.itemRenderer = new ClassFactory(ItemRenderer2);I'm trying to change the item renderer of a single tree item like this (the following code does not work):tree.selectedItem.itemRenderer = new ClassFactory(ItemRenderer2);To put it more simply, does anyone know how to reference an instance of an item renderer and set it to a new item renderer class? I've tried using the Tree's itemToItemRenderer() method with no success.

ActionScript 3.0 :: Position Text From Xml List Based On Textfield Height?

Dec 5, 2009

I have text that loads into a dynamic text field that is on the stage. The movie clip("tile" in code below) in which the dynamic text field resides is placed on the stage via loop function.I can load the text from the xml file just fine.However, since each text field in loop autosizes, which is what I want, (in height only-width is fixed), I want the next text in the loop to load in a Y position based on the previous text box height including a "cushion" of my choosing. I'm very close, but can't seem to get the math right that is needed for the tiles Y position...

Here it is:

Code:
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("faq.xml"));
xmlLoader.addEventListener(Event.COMPLETE, onXMLLoad, false, 0, true);

[code]....

Datagrid - 2 Numeric Stepper Components In An Item Renderer Of Flex?

Jul 7, 2009

I have to put 2 numeric stepper components in one column of a datagrid. I suppose I need to write my own item renederer code for that. How to write a code for putting 2 numeric stepper components in one coulmn of datagrid.

The 2 numeric steppers would work as time (Hour and Min) components. I cannot use readily availabel time components, and hence have to write something of the above for my own time component.

Flex :: Getting A Variable From Your Regular Component To Inline Item Renderer

Jul 29, 2009

I am trying to turn labels red when they can no longer be added to a list because of size requirements. The renderer works but Flex creates a separate component. I can't think of any good way to get that value to the new component.[code]

Copyrights 2005-15 www.BigResource.com, All rights reserved