Flex datagrid custom itemRenderer - column manufacturing is NOT MODIFIABLE

Similar Questions

• Is it possible to switch enforcement configured for a column Datagrid custom itemRenderer?

  Hello

  <? XML version = "1.0" encoding = "utf-8"? >
  " < = xmlns:mx mx:Application ' http://www.Adobe.com/2006/MXML "layout ="vertical"horizontalAlign ="center"verticalAlign ="middle"xmlns:comps ="comps.*"> "
  < mx:Array id = "sampleData" >
  < mx:String > line 1 < / mx:String >
  Row 2 < mx:String > < / mx:String >
  < mx:String > line 3 < / mx:String >
  < mx:String > 4 < / mx:String >
  < mx:String > line 5 < / mx:String >
  < mx:String > line 6 < / mx:String >
  7 line < mx:String > < / mx:String >
  
  < / mx:Array >
  
  < mx:VBox >
  
  < mx:DataGrid width = "500" height = "227" dataProvider = "{sampleData}" >
  < mx:columns >
  < mx:DataGridColumn headerText = "Actual Row" / >
  < mx:DataGridColumn headerText = "ItemRenderer" >
  
  < mx:itemRenderer >
  < mx:Component >
  
  < comps: RightTestRenderer >
  
  < / comps: RightTestRenderer >
  < / mx:Component >
  < / mx:itemRenderer >
  < / mx:DataGridColumn >
  < / mx:columns >
  < / mx:DataGrid >
  < / mx:VBox >

  < / mx:Application >

  =============

  RightTestRenderer.mxml

  <? XML version = "1.0" encoding = "utf-8"? >
  " < = xmlns:mx mx:HBox ' http://www.Adobe.com/2006/MXML "width ="100% "height ="100% "horizontalAlign ="left"verticalAlign ="middle"> "
  
  < mx:VBox id = "jai" height = "100%" width = "100%" >
  < mx:Image source = "images/canvas.png" visible = "true" height = "100%" width="100%"/ > "
  < / mx:VBox >
  
  < / mx:HBox >

  ========

  Some body condition, I want to jump execution itemRenderer RightTestRenderer.mxml when running?

  Is this possible?

  Help, please.

  Yu is trying to hide something on a condition? as the picture if tis?

  If so replace the property data of the itemrenderer and validate the conditon you in the data to see the/does not display the image.

• DataGrid: Custom Itemrenderer

  Hello
  
  My Datagrid consists of a variable number of columns that are managed by the same Itemrenderer. Now I have the problem that I can not know which column I belong when I'm in the substitution data function.
  
  All advice how can I save track to which column the 'current' Itemrenderer belongs or is processing at that time?
  
  Thank you and GzG
  Nerun

  Bort flexforum.de gave me the answer. Here's the short version:

  make your ItemRenderer implements "mx.controls.listClasses.IDropInListItemRenderer. the value you get in the listData(value:BaseListData) value contains a field named columnIndex and which can be used to select the column in the parent grid.

• Not selectable DataGrid row when using the custom itemRenderer

  I placed created an itemRenderer customized for use in a DataGrid in Flex 3.2, however, when I click in the cell in the grid using this itemRenderer, the line is not selected. (the DataGrid.selectable property is set to true).  Abolition of the use of the converter back the expected features. Here is my renderer object, is there any reason why I should expect this behaviour?  I have other itemRenderers not causing this, but their anatomy is the same... nothing manifestly different about them.

  Thank you

  Muaddib

  <? XML version = "1.0" encoding = "utf-8"? >
  " < = xmlns:mx mx:HBox ' http://www.Adobe.com/2006/MXML "
  Width = '100% '.
  horizontalAlign = "center" >
  < mx:Script >
  <! [CDATA]
  public private static var millisInSec:int = 1000;
  public private static var millisInMin:int = 60 * millisInSec;
  public private static var millisInHour:int = 60 * millisInMin;
  public private static var millisInDays:int = 24 * millisInHour;
  public private static var unknownMsg:String = "UNKNOWN";
  
  public var _data: Data;
  private var _valueUpdated:Boolean = false;

  private void getFriendlyFormat(millis:Number):String {}

  ...

  formattedString return;
  }
  
  override public function set data(value:Object):void {}
  if(null == value)
  return;

  var newData: Data = value in the form of data;
  If (newData! = _data) {}
  _data = newData;
  _valueUpdated = true;
  }
  }
  
  override protected function commitProperties (): void {}
  {if (_valueUpdated)}
  var finalDate:Date = new Date();
  Update 'timeLabel"according to on_data
  _valueUpdated = false;
  }
  }
  []] >
  < / mx:Script >
  < mx:Label id = "timeLabel" / >
  < / mx:HBox >

  If you are not ' going to call super.data = value, you should probably have a get

  According to the data

• Flex 4: activate the scrolling on a list with a custom itemRenderer

  I extend the component Spark list to make it look like a Halo TileList component with a counter on top. The spark list default will add a horizontal scroll bar when the list content is wider than its width. This does not happen when I use a custom itemRenderer. I don't want the always visible horizontal scroll bar. It should be automatic. I tried all day to work around the problem and I have read the documentation and tried to change most of the component properties, but I cannot yet achieve what I wanted. Here is the source code:

  Main application

  <?xml version="1.0" encoding="utf-8"?>
  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx"
                    minWidth="955" minHeight="600" 
                    backgroundColor="#777777">
       
       <fx:Declarations>
            <fx:XML id="libraryXML" source="/assets/xml/library.xml"/>
       </fx:Declarations>
                 
       <s:List id="library" itemRenderer="CustomItemRenderer" dragEnabled="true" contentBackgroundColor="#777777" selectionColor="0x555555"
                 alternatingItemColors="[0x777777, 0x707070]">
            
            <s:dataProvider>
                 <s:XMLListCollection source="{libraryXML.children()}"/>
            </s:dataProvider>
            
            <s:layout>
                 <s:HorizontalLayout paddingLeft="0" paddingRight="0" clipAndEnableScrolling="true"/>
            </s:layout>
            
       </s:List>
  </s:Application>
  

  Custom ItemRenderer

  <?xml version="1.0" encoding="utf-8"?>
  <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
                      xmlns:mx="library://ns.adobe.com/flex/mx" 
                      xmlns:s="library://ns.adobe.com/flex/spark" >
       
       <s:states> 
            <s:State name="normal"/> 
            <s:State name="hovered"/>
       </s:states>
       
       <s:Group id="itemsRemaining" x="90" y="5" width="20" height="20">
            <s:Ellipse  height="20" width="20">
                 <s:fill>
                      <s:SolidColor color="0x333333"/>
                 </s:fill>
            </s:Ellipse>
            
            <s:Label text="{data.length}" color="0xFFFFFF" verticalCenter="0" horizontalCenter="0" fontSize="11" fontWeight="bold"/>
       </s:Group>
       
       <mx:Image id="image" source="{data.image}" width="116" height="116" horizontalCenter="0" verticalCenter="0"/>
       <s:Label id="itemName" fontSize="14" text="{data.label}" y="95" horizontalCenter="0" color="white"/>
  
  </s:ItemRenderer>
  

  DataProvider XML

  <?xml version="1.0"?>
  <items>
       <item>
            <label>stuff 1</label>
            <image>assets/images/img1.png</image>
            <length>4</length>
       </item>
       <item>
            <label>stuff 2</label>
            <image>assets/images/img2.png</image>
            <length>9</length>
       </item>
       <item>
            <label>stuff 4</label>
            <image>assets/images/img3.png</image>
            <length>7</length>
       </item>
       <item>
            <label>stuff 5</label>
            <image>assets/images/img4.png</image>
            <length>2</length>
       </item>
       <item>
            <label>stuff 3</label>
            <image>assets/images/img5.png</image>
            <length>5</length>
       </item>
       <item>
            <label>stuff 7</label>
            <image>assets/images/img6.png</image>
            <length>8</length>
       </item>
       <item>
            <label>stuff 8</label>
            <image>assets/images/img7.png</image>
            <length>11</length>
       </item>
       <item>
            <label>stuff 9</label>
            <image>assets/images/img8.png</image>
            <length>23</length>
       </item>
       <item>
            <label>stuff 10</label>
            <image>assets/images/img9.png</image>
            <length>4</length>
       </item>
       <item>
            <label>stuff 12</label>
            <image>assets/images/img10.png</image>
            <length>2</length>
       </item>
       <item>
            <label>stuff 11</label>
            <image>assets/images/img11.png</image>
            <length>8</length>
       </item>
  </items>
  

  Here is a screenshot:

  

  Download (84 KB) Project:

  http://www.2shared.com/file/2EpFB3K2/Flex4ListIssue.html

  I think you could fix it in 2 ways

  (1) call "invalidateDisplayList()" on the list to "updateComplete" event.

  (2) which provide the dataProvider by using binding, preInitialize event to provide the dataProvider.

  I think that data comes after the initial layout. While it will create this problem. If this is the reason why this should correct the problem.

• ComboBox with customized ItemRenderer

  It's my combobox when trying to get a custom converter:

  <?xml version="1.0" encoding="utf-8"?>
  <mx:ComboBox xmlns:fx="http://ns.adobe.com/mxml/2009" 
                  xmlns:s="library://ns.adobe.com/flex/spark" 
                  xmlns:mx="library://ns.adobe.com/flex/halo">
       <fx:Script>
            <![CDATA[
            import mx.events.FlexEvent;
            import mx.collections.ArrayCollection;
            import mx.controls.CheckBox;
            public var datas:XML;
            [Bindable]
            var ItemRenderer:ClassFactory;     
            override public function set data(value:Object):void
            {
                 dataProvider = datas["sku" + value.sku];
                 ItemRenderer = new ClassFactory(comboBoxCheckBoxItemRenderer);     
                 itemRenderer = ItemRenderer;
            }               
            public function saveCheckState(evt:Event):void
            {
                 var dataProviderItem:Object = dataProvider.getItemAt(dataProvider.getItemIndex(selectedItem));
                 dataProviderItem.selected = CheckBox(evt.currentTarget).selected;
                 dataProvider.setItemAt(dataProviderItem, dataProvider.getItemIndex(selectedItem));     
            }
            ]]>
       </fx:Script>     
  </mx:ComboBox>
  
   
   
  This combobox is used as a custom itemrenderer in datagrid.
  Here is code for comboBoxCheckBoxItemRenderer:
  package modulecode
  {
       import mx.containers.HBox;
       import mx.controls.CheckBox;
       import mx.controls.Label;
       import mx.controls.Spacer;
   
       public class comboBoxCheckBoxItemRenderer extends HBox
       {
            private var action:Label;
            private var spacer:Spacer;
            private var checkBox:CheckBox;
            public function comboBoxCheckBoxItemRenderer()
            {
                 super();
            }
            override protected function createChildren():void {
                 
                 // Call the createChildren() method of the superclass.
                 super.createChildren();
                 action = new Label();
                 // Add the child component to the custom component.
                 addChild(action);
                 spacer = new Spacer();
                 spacer.percentWidth = 100;
                 // Add the child component to the custom component.
                 addChild(spacer);
                 checkBox = new CheckBox();
                 // Add the child component to the custom component.
                 addChild(checkBox);
            }     
            override public function set data(value:Object):void
            {
                 action.text = value.action;
                 checkBox.selected = value.selected;
            }     
       }
  }
  
  What's happening is that nothing is happening untill I drop combobox down in the grids. As the result checkboxes are not selected properly.
  Any help?
  
  
   
  

  I would try

  selected = "{XML (data) .selected == 'true'} '"

• Cannot focus on the custom itemRenderer?

  I made a custom itemRenderer double as an itemEditor following the instructions in the documentation.
  However, even if I put the rendererIsEditor = "true", when tabbing between other editable fields, controls within the itemRenderer do not receive focus. I can't help thinking it of a control/bug, but is it possible to submeter the itemRenderer to focus properly? At the moment my component is simply a box inside an HBox.
  
  Anyway, here is my code so that you can see for yourself (I have included a checkbox as itemRenderer so that you can see the * desired * effect.)
  
  <? XML version = "1.0" encoding = "utf-8"? >
  < mx:Application
  ' xmlns:MX =' http://www.adobe.com/2006/mxml ' layout = "vertical" >
  < mx:Script >
  <! [CDATA]
  Import mx.controls.dataGridClasses.DataGridListData;
  Import mx.controls.Alert;
  [Bindable]
  public var dp:Array = [{num:2, bool:true}, {num:3, bool:false}];
  []] >
  < / mx:Script >
  < mx:DataGrid id = "test" editable = "true" dataProvider = "{dp}" >
  < mx:columns >
  
  < mx:DataGridColumn dataField = "num" headerText = "num" / >
  < mx:DataGridColumn dataField = "bool".
  headerText = "sent".
  itemRenderer = "mx.controls.CheckBox"
  rendererIsEditor = "true" editorDataField = "selected" / >
  
  < mx:DataGridColumn dataField = "num" headerText = "num" editable = "true" / >
  < mx:DataGridColumn dataField = "bool" headerText = "Sent" rendererIsEditor = "true" editorDataField = "blorch" >
  < mx:itemRenderer >
  < mx:Component >
  < mx:HBox horizontalAlign = "center" >
  < mx:Boolean id = "blorch" / >
  "< mx:CheckBox id = 'check' selected =" {data.bool} "change =" blorch = check.selected "/ >
  < / mx:HBox >
  < / mx:Component >
  < / mx:itemRenderer >
  < / mx:DataGridColumn >
  < mx:DataGridColumn dataField = "num" headerText = "num" editable = "true" / >
  < / mx:columns >
  < / mx:DataGrid >
  < / mx:Application >
  

  Too bad... I found the answer to a few pages later in the docs...
  You must implement the IFocusManagerComponent interface and then substitute drawFocus as below to set the focus to the checkbox... hope it works for multiple controls.

  
  
  override public function drawFocus(focused:Boolean):void {}
  check.setFocus ();
  }
  ]]>
  
  
  
  

• Custom ItemRenderer and event Bubbling

  I'm targeting Flex 4 on Air 2, but I don't think it changes the answer to this question.

  I have a spark DropDownList I wrote a custom itemRenderer. In my item renderer, I have a spark.button. I have links to events in the mxml and target functions in the respective classes, and I'm listening for the dropdownlist change event and my itemrenderer.spark.button click event.

  My problem is that I can't get any event in my fire element converter. It of like when I'm clicking the button, it triggers the dropdownlist.change event and destroyed the itemrenderer until it can handle the click event. So I thought that maybe I could solve this problem by adding listeners have rather than use mxml binding but same problem. Finally, I just put a trace in the click event of mxml and nothing. It does not with the item in the list before get rid you of the list.

  So, simply, how to capture events itemRenderer before allowing the DropDownList change event? Or why the click through button and cause control dropdownlist to destroy?

  It looks like uses DropDownList MOUSE_DOWN and no CLICK, which is why he

  close the drop-down list before you get your click.

  I saw a property hitAreaAdditions, you might be able to access the areas of block

  close the drop-down list, but you might want to just meet MOUSE_DOWN

  and stopPropagation on the event.

• Event custom and custom ItemRenderer

  I created a MXML component based on < mx:Button / > and uses it as an itemRenderer in a DataGrid.
  
  I also created a custom event, and my custom itemRenderer dispatches the event. I know that the event is sent because I see it in the debugger.
  
  I register an event listener in the parent of the DataGrid, but the event handler is not called.
  
  If you have any advice, please help.

  In the DeleteItemEvent constructor:
  Super (type, bubbles);

  TS

• The column span does not work for me?

  Hey guys

  I don't know if there's another question/thread on this problem I have. I tried searching but doesn't gives me good results.

  Basically, I received a file Independent of my client. The paragraph style title main column span (together) setup already. But according to my customer, for some reason, it does not. I tried fixing but I can't say what caused it.

  The main title is a title of numbered list. This would cause the column span does not?

  The setting is quite simple, with duration of set through all the columns and space after the span to 15mm (space before is 0mm).

  If I can get tips for how to address that would be fantastic because I have a number of reports to deal with this template.

  Thank you guys.

  See you soon

  Leanne

  Never mind. I realized what the problem was.

  It works only if all of the text in a single text frame with columns.

• Flex datagrid paging?

  Hello. Control datagrid or AdvancedDataGrid does support paging? What I found, they do not seem to.

  "curious_Lee" wrote in message
  News:g91nfo$NV8$1@forums. Macromedia.com...
  > Hi. Control datagrid or AdvancedDataGrid does support paging? Of what
  > I found, they do not seem to.

  http://gurufaction.blogspot.com/2007/02/Flex-DataGrid-paging-example-with.html

• Flex datagrid problem - reward $20

  My Datagrids do not seem to work as I expect.
  The biggest problem is that resize the column seems to not be very intuitive, directly on the line of demarcation resizes the SizeableTitleWindow parent who can actually shrink the table with the window, if I'm on the side of the line, but always with the resizing slider, it seems to resize most of the time as expected , but I need it to work as expected for people without training to enter on the side.
  
  It also seems that if I resizing the SizeableTitleWindow parent and this force the DataGrid to shrink smaller than the datagrid control "wants" it causes a "box" white to hang on the side and bottom of the SizeableTitleWindow size, she wants to be, this also happens if I scroll the grid with my mousewheel without resizing , this seems bad whe I try to show my client that I built.
  
  I'll pay $10, via paypal, to the first person who offers a solution for each of these problems.

  If YES, you need SizeableTitleWindow in support of resize by itself, so please update the 258 of the SizeableTitleWindow.as line in the protected method function resizeDownListener(event:MouseEvent):void

  A:
  If (cursorStyle! = cursorSizeNone & cursorStyle! = cursorSizeAll)

  Must be:
  If (cursorStyle! = cursorSizeNone & cursorStyle! = cursorSizeAll & event.target == this)

• Paper size error: the custom paper size specified is not supported in the selected state bar

  I am trying to print on custom size paper (9.25 "x 3,875").

  I have OSX Lion and a 8600 Officepro more.

  I inserted the paper into the tray of my 8600 Officepro more.  I adjusted the sliding walls to match the size of the paper.

  I created a new custom in my print settings format.

  But the printer says:

  Paper size error: the custom paper size specified is not supported in the selected tray.

  What the...?  How that recalcitrant monstrosity to behave and do what I have to say?

  Here is the link to the manuals for the 8600 Pro JO.

  You want the user's guide.

• DataSource can be something unknown or custom. Its properties are not validated.

  Hello

  I found what looked like what I tried to do... data sources of QML.

  So I find this documentation: https://developer.blackberry.com/cascades/documentation/device_platform/data_access/using_data_sourc...

  I followed him all the way. But when I run my application, I get my app but no list in it. The background is white. All my items tabs and actions show. Than no list!

  DataSource {
                              id: dataSource
                              source: "assets/countries.json"
                              remote: false
                              onDataLoaded: {
                                  dataModel.insertList(data);
                              }
                          }
  

  There is an 'i' next to the data source implementation in the IDE that says: "DataSource can be something unknown or custom. Its properties are not validated. »

   

  So, what gives, ideas?

  Never mind. I will answer.

  The source must not have the 'active' before the json file. The API reference clearly states: in QML, this path is compared to the document QML in which this data source is declared.

   

  My json file in the current folder, so was not need to prefix it.

• ORA-39726: operation column add/drag not supported on compressed tables

  Hello

  I have an error of the object.

  {noformat}

  SQL > select table_name, compression from dba_tables where owner = 'USER1' and table_name = "TABLE1_LT";

  TABLE_NAME COMPRESS
  ---------------------- --------
  TABLE1_LT DISABLED

  SQL > exec dbms_wm. DisableVersioning ('user1.table1', force = > true, ignore_last_error = > true);
  Dbms_wm BEGIN. DisableVersioning ('user1.table1', force = > true, ignore_last_error = > true); END;
  *
  ERROR on line 1:
  ORA-20231: table "User1. Table1' failed during
  DisableVersioning. Error:
  ORA-39726: operation column add/drag not supported on compressed tables
  ORA-06512: at "WMSYS.LT", line 9360
  ORA-06512: at line 1

  
  SQL > select sql_str in the all_wm_vt_errors;
  ALTER TABLE USER1. DROP COLUMN LTLOCK TABLE1_LT

  {noformat}

  How can I check, it's a table really compressed or OWM not in?

  Hello

  This is the right way to determine whether a table enabled version uses compression.  It could be another property table or tablespace that causes the same error will be triggered.  It is difficult to know exactly without the full table DDL.  If the dba_tables query was ACTIVE for this column, the inner workings of the Workspace Manager would have to set as unused column instead of a fall that could have prevented this error.  This behavior has been updated in 12 c to always define the column as unused anyway.  As a on 11.2.0.3, you can use ignore_last_error to jump the abandonment of all columns of metadata (version, nextver, delstatus, ltlock and createtime/retiretime if history is used).  Then when DisableVersioning is complete, you can issue the unused column from the game DDL manually for each of the columns.

  Kind regards

  Ben