I have DataGrid with Dynamic Columns. The columns will contain ItemRendrer. I'm not familiar with dynamically adding ItemRenderer.
My code is:
var column:DataGridColumn = new DataGridColumn();
column.headerText = item;
column.width=150;[code].........
But when I add this I got an Error 1067: Implicit coercion of a value of type Class to an unrelated type mx.core:IFactory.
For poor performance reasons, the DataGrid will cache checkboxes and reuse them for different rows. If you have 50 rows, it won't create 50 checkboxes. It will create as many checkboxes at are visible, plus a few more for padding, and then reuse them as you scroll. This is why you need to explicitly manage their state. How can improve it ? How can fixed checkbox value ? i used checkbox like below But checkbox doesnot remembering the values
[Code]...
Is it possible to put an itemrenderer on the DataGrid itself rather than a datagridcolumn? I could only find examples for datagridcolumn. I want a generic itemrenderer on all the items in a datagrid...
View 1 Repliesi used iteamreander in datagrid . if i select checkbox in grid automatically select another checkbox why? plz explain My xml data is more then 50 records.
<mx:DataGrid change="calculate()" id="calamount" x="0" y="3" width="327"
height="337" variableRowHeight="true"
dataProvider="{xml_coupon.lastResult.Teamcoupon.match_details}" >
[code]....
I have an AC with several questions and assoicated answers. These must be shown in a DG, and the idea is that the rows and colums of the DG are bound to the AC. For example, if the answer to question1 is Yes, the Yes-button must be true, and both the others must be false (as in normal radiobuttongroup behaviour). But when I change a button by clicking it, the actions datafield of the AC should change accordingly. Am I clear enough here?
It is ment for dynamic questionnaires.
<?xml version = "1.0"?>
<mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml">
<mx:Script>
[Code].....
I have a DataGrid component that displays a few columns of data. It has one additional column that displays a Button that allows the user to take an action with regard to the record. [code]...
View 2 RepliesI have button like random click ,if i click this button then will select 15 checkbox within datagrid itemrenderer checkbox But i can't access the checkbox ? please refer me ? How can access the checkbox ?
<mx:DataGridColumn headerText="1" rendererIsEditor="true" editorDataField="selected">
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox textAlign="center" click="{data.check1 = (data.check1 != 'true') ? 'true' : 'false'};outerDocument.toggleCheckbox(data);outerDocument.calcValues();"
[Code]...
I have posted two problems with a custom itemRenderer see this post. My primary Problem is, that it always selects a wrong line (one under the one I select). I now realized that this happens, when I save back the content of the itemRenderer to the dataProvider. If I code this part out, the dataGrid works as expected...
View 2 RepliesI'm trying to reach the dataField of a DataGridColumn in the itemRenderer. Below is the dataGrid:
<mx:Script>
<![CDATA[
[Bindable] public var weeksOfMoth:ArrayCollection = new ArrayCollection([
[code].....
In the set data function of the itemRenderer, I receive an entire week (which is ok), but the itemRenderer doesn't know which day to use because the dataField is unknown. Does anyone know how to reach this dataField in the itemRenderer?
A combo box as an item renderer for a data cell in a Flex Datagrid has been demostrated at various blogs. What if that combo box has to have an external dataprovider that has to be set at the time of converting the renderer class to a ClassFactory.
View 1 RepliesI have a Datagrid with an ItemRenderer assigned to a column which is a Currency column(String). The renderer is mean to display the Flag of the currency eg; for USD it should display a USD flag image etc. At the moment the column is appearing Blank without an image. I have the following renderer (which extends UIComponent). I am dynamically loading the images in the commitProperties() method. At the moment I have hard-coded it to the USD image to get it to work
public class CenteredEmbedImage extends UIComponent implements IListItemRenderer,IDropInListItemRenderer
{
private var _loader:Loader;
[Code]....
I want to create new instance of item renderer for my data grid.
A single instance of your Item Renderer class (ListIR) is created for each visible item of the list-based control.
As the user scrolls through the items of a data grid control, Item Renderer instances are recycled rather than creating new instances.
But i would like to create new instance ..while scrollling item in datagrid.
i have a problem using the itemRenderer functionality. When using an ArrayCollection the visible Data in the DataGrid using the itemRenderer will be rendered just fine. But if i start scrolling the entries are repeating in the cells using the renderer. The cells are not filled with date according to the id. What mistake i'm doing here.
I read a lot of the explainations like:
[URL]
here is the code for the set data function (itemRenderer is extending HBox):
override public function set data(value:Object):void {
_data = value;
if(data!=null)
[code]....
I actually wanted to create an itemrenderer which will contain below code :
<mx:HBox xmlns:mx="[URL]" width="0" height="0" >
<mx:Label text="{data.xval}" />
<mx:Spacer width="100%" />
<mx:Image source="edit.gif" width="16" toolTip="Edit" />
</mx:HBox>
Now when I click on the image datgrid column should be editable, for that I am using a textinput as an itemeditor. Now I also want to highlight all those cell for this datagrid column which are having data more than 8 characters. I am able to do this separately using 2 different itemrenderers. But I want to get this all together. Can we have multiple itemrenderer for any datagrid column?
I'm binding an array of items to a data grid using ItemRenderer. I use the data variable to control the bindable data. I also have someComponentVariable that need be inserted into every row but its declared at the component scope, so the data grid doesn't seem to reconize it (compile error). How can I use this variable (someComponentVariable) inside the ItemRenderer?
[Code]....
Im working at a DataGrid which has a custom itemRenderer with a checkbox and a Label inside. Im struggling adding the the values from a xml to the wright label dynamically... how can I make the connection from the datagrid's dataProvider (a xml doc) to the label and the checkbox? My itemRenderer loks a following:
<mx:Component id="ChoiceRenderer">
<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle" horizontalScrollPolicy="off">
<mx:CheckBox/>[code].....
i have a simple datagrid having 2 columns named as image and place. where image column has mx.controls.Image itemRenderer and place is simple. my requirement is to change itemRenderer of image cell when it will be clicked. i means to say when user click on any image from image column than i want to show that image path in editable mode and when user edit that path then the selected cell will start displayed the updated image.
View 3 RepliesI'm using default drag/drop on Flex DataGrid, however, the dataGrid itself has an itemrenderer.Looks like:
public class FlashFileDataGridRenderer extends Label{
public function FlashFileDataGridRenderer(){
super();
[code].....
How to style parts of the tooltip e.g. bold? I'm generating a tooltip in an itemrenderer for an datagrid, displaying the column name and then the value: I want to display the value bold...
public override function set data(value:Object):void
{
var dg:DataGrid = this.listData.owner as DataGrid;[code].....
I have a data grid with an Combobox itemRenderer in it. What I have is a grid with a person id and person name (more stuff in grid but I am struggling with this). In the person name column I have an combobox with all the people on then system's names and id's. What I want to do is when I select a person in the combobox I want the combobox to populate the person name fields (which it does) but I also want to pull out the person id from the combobox and populate the person id column in the data grid as well.
View 1 RepliesI am trying to figure out how to override the default paste logic in a Flex 4 DataGrid ItemRenderer. Does anyone know how to do this?I am trying to capture the event when a user hits Ctrl-V while a cell in the DataGrid has focus and override the logic there.
View 1 RepliesI have this code. I want to add Buttons in the second column of the data grird.
[Code]....
How can I add buttons in second column using an ItemRenderer?
I have a DataGrid which uses an itemRenderer to display the items in a DataGridColumn. The ItemRenderer is created in actionscript and contains the following code:
public class PromptingColumnRenderer extends Label {
public function PromptingColumnRenderer()
{
[Code].....
In this DataGrid column, I require number validation on only the data with the type="NUMBER" field set. The problem is, when I try to declare a NumberValidator within my PromptingColumnRenderer actionscript code, the view recycles the renderer, and the NumberValidator attempts to validate non-numeric rows. What is the best way to validate only the rows with the type="NUMBER" field set?
On my flex (flash builder 4) DataGrid - DataGridColumn , I have set a custom itemRenderer
itemRenderer="myComponents.EncounterDGItemRenderer".
My renderer is a Label
public class EncounterDGItemRenderer extends Label
I found that my tooltips (datatips) stopped working once I started using this custom renderer. I also found that I can set the tooltip on the label in the
override protected function updateDisplayList
by setting:
toolTip=data['addedDate'];
This works find, however the problem is I need to choose a different data field based on the column. I was hoping for something similar to how a DataGridColumn labelFunction works - where I have access to "column.headerText" or "column.dataField". However I only have access to the underlying data object, not the name of what is being displayed (unless I am missing something).
Is there a way in a data grid item renderer to know what the column header text is, or do you have a different approach?
I have a mx:Datagrid in witch I'd like to add a combobox as item renderer.
<mx:DataGrid id="dgEnsActes"
horizontalScrollPolicy="on"
dataProvider="{arListeDevis}"
width="100%" height="100%" >
<mx:columns>
[Code]...
I'm having an issue with a custom ItemRenderer I've written for a DataGrid. With this ItemRenderer, it's possible that the contents could exceed the width and height of the DataGrid cell - and when this happens, scroll bars appear, letting me scroll the individual cell.What I would like, however, is that when the contents of the cell are too large, the entire DataGrid scrolls, rather than the individual cells.
Now, when I set the custom ItemRenderer's horizontal and vertical scroll bar policies to "off", I get the vertical scrolling on the DataGrid that I want (the individual cells stretch to accommodate the full height of the contents) but I don't get any horizontal scrolling. Instead, any content too wide for the cell is clipped. Incidentally, setting the DataGrid's horizontal scroll bar policy to "on" has no effect, the scroll bar gutter is drawn, but nothing scrolls Is there a way to force the DataGrid to scroll horizontally when my custom ItemRenderer's contents are too wide for the cell?
I have an item renderer tied to an mx:DataGrid column. The renderer used to be inline with the column, but I've moved it out to its own file so I can reuse it across multiple tables.
The problem is that now the renderer doesn't resize (grow/shrink) when the column is resized. So if the user makes the column very small, the contents displayed by the renderer just eat up space and show up over top other columns
Code for Item Renderer:
<?xml version="1.0" encoding="utf-8"?>
<s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
I have a DataGrid with an drop-in Button itemRenderer:
[Code]...
However, the button extends all the way both the right and left edge of the DataGridColumn. I've tried messing with the width properties and paddingLeft and paddingRight styles of both the DataGridColumn and the itemRenderer, but nothing seems to work. NOTE: I do not want to use a Container or UIComponent with the Button as a child as the itemRenderer - too much code.
I used play button image within datagrid iteam renderer, if I click image then move to another state (by using currentState ='play'). So I tried like
<mx:DataGridColumn textAlign="center" headerText="" dataField="col2">
<mx:itemRenderer><mx:Component>
<mx:HBox textAlign="center" paddingLeft="17">
<mx:Image source="@Embed(source='image/play_button.png')" click="currentState='Playsystem'"/>
</mx:HBox></mx:Component></mx:itemRenderer>
But it's shows error like undefined state 'Playsystem'. But Already I have state.
how to zoom the image displayed with the help of an item renderer.If i apply the Zoom effect on rollover ,the particular cell zooms the image with the scroll bars. Is their any other way of doing this without showing the scrollbars.
View 1 Replies