Custom ItemRenderer mobile adivce: grouping items

Similar Questions

• 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.

• 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.

• Signal processing: kNewPISignalResponderService for kGroupItemBoss, cannot access to group items.

  [InDesign CS2 and CS3]

  Hello!

  I create my own subclass CResponder to manage the kNewPISignalResponderService. I mentioned earlier that I was going to deal with in my own implementation of answering service. I need to detect when a new kGroupItemBoss is created and initialize custom interfaces added to the boss.

  Sub CustomResponder : Answer (ISignalMgr* signalMgr) { }

  ServiceID serviceTrigger = signalMgr->GetServiceID();

  pass (serviceTrigger.) Get())

  {

  case kNewPISignalResponderService :

  {

  this->HandleNewItemSignal()signalMgr);

  }

  
  

  }

  (BTW, what is the difference between kNewPISignalResponderService & kNewPageItemActionService?)

  To do this I need to iterate over the items in groups, but the iHierarchy > GetChildCount() on the group hierarchy always returns 0 items. Is there something I'm not consider? Is there another way to detect when a new group was formed?

  {}

  / / Get el page point

  ASSERT (signalMgr! = nil);

  If (signalMgr == nil) { }

       break;

  }

  NewPISignalData InterfacePtr < INewPISignalData > (signalMgr, UseDefaultIID());

  ASSERT (newPISignalData! = nil);

  If (newPISignalData == nil) { }

       break;

  }

  get the point of page reference

  UIDRef pageItemRef = newPISignalData-> GetPageItem();

  NewPIHierarchy InterfacePtr < IHierarchy > (pageItemRef, IID_IHIERARCHY);

  if(!newPIHierarchy) break;

  //is it a group?

  if (GetClass (newPIHierarchy) == kGroupItemBoss)

  {

  //iterate through all the elements of the Group and do something   

  for (int x = 0; x < newPIHierarchy > - GetChildCount(); x ++) { }

      {

  do something if the result is 0...

  }

  
  

  }

  else break;

  { } while (false);

  Hello

  I think the newPISignalresponder is called after the page group item is created and before any point page is added to the group.

  But you can see the document for the IID_IHIERARCHY_DOCUMENT PMIID with the ClassID kAddToHierarchyCmdBoss change. It will be called twice. The changedBy argument is the command from which you can get the status of the ICommand::kNotDone or ICommand::kDone command. The list of items in the command contains the elements of the addition of the page.

  Markus

• Problem with the group items

  Hello world. Thank you for taking the time to look over my examples.
  
  I can't group items with XSL.
  
  Entry XML code:
  < country >
  < info enum = "CTRY" name = 'United States' States-total = "50" / >
  < enum info = 'ST' name = 'New York' population = "8 244 910" / >
  < enum info = 'ST' name = 'Chicago' population = "2 707 120" / >
  < info enum = "CTRY" name = 'Germany' States-total = "16" / >
  < enum info = 'ST' name = 'Berlin' population = "3 469 910" / >
  < enum info = 'ST' name = 'Brandenburg' population = "2 500 000" / >
  < / country >
  ------------------------------------------------------------------------------------------
  My XSL:
  < xsl: template match = "/" >
  < country >
  < xsl: for-each select = "Country/info" >
  "< xsl: if test="@enum='CTRY "" > "
  < CountryInfo >
  < name > country: < xsl: value-of select="@name"/ > < / name >
  "districts of <>< xsl: value-of select="@total-states "> < / xsl: value-of > < / districts >
  < xsl: for-each select = "info/country /" >
  "< xsl: if test="@enum='ST "" > "
  < State >
  < stateName > state name: < xsl: value-of select="@name"/ > < / stateName >
  < statePop > State Population: < xsl: value-of select="@population"/ > < / statePop >
  < / state >
  < / xsl: if >
  < / xsl: foreach >
  < / CountryInfo >
  < / xsl: if >
  < / xsl: foreach >
  < / country >
  < / xsl: template >
  
  My unwanted result:
  < country >
  < CountryInfo >
  < name > country: United States of America < / name >
  < > 50 districts < / districts >
  < State >
  < stateName > name of the State: New York < / stateName >
  < statePop > State Population: 8 244 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Chicago < / stateName >
  < statePop > State Population: 2 707 120 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Berlin < / stateName >
  < statePop > State Population: 3 469 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Brandenburg < / stateName >
  < statePop > State Population: 2 500 000 < / statePop >
  < / state >
  < / CountryInfo >
  < CountryInfo >
  < name > country: Germany < / name >
  < > 16 districts < / districts >
  < State >
  < stateName > name of the State: New York < / stateName >
  < statePop > State Population: 8 244 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Chicago < / stateName >
  < statePop > State Population: 2 707 120 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Berlin < / stateName >
  < statePop > State Population: 3 469 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Brandenburg < / stateName >
  < statePop > State Population: 2 500 000 < / statePop >
  < / state >
  < / CountryInfo >
  < / country >
  ---------------------------------------------------------------------------------------
  ++++++++++++++++++++++++++++++++++++++++++++
  My other XSL:
  < xsl: template match = "/" >
  "< xsl: for each group-select =" Country/info"group-by="@enum ">
  < xsl: for each group-select = "current - group ()" group-by="@name" >
  "< xsl: if test="@enum='CTRY "" > "
  < country >
  < CountryInfo >
  < name > country: < xsl: value-of select="@name"/ > < / name >
  "districts of <>< xsl: value-of select="@total-states "> < / xsl: value-of > < / districts >
  "< xsl: for each group-select =" info/country / "group-by="@enum ">
  "< xsl: if test="@enum='ST "" > "
  < State >
  < stateName > state name: < xsl: value-of select="@name"/ > < / stateName >
  < statePop > State Population: < xsl: value-of select="@population"/ > < / statePop >
  < / state >
  < / xsl: if >
  < / xsl: for each group->
  < / CountryInfo >
  < / country >
  < / xsl: if >
  < / xsl: for each group->
  < / xsl: for each group->
  < / xsl: template >
  
  Other undesirable results:
  < country >
  < CountryInfo >
  < name > country: United States of America < / name >
  < > 50 districts < / districts >
  < State >
  < stateName > name of the State: New York < / stateName >
  < statePop > State Population: 8 244 910 < / statePop >
  < / state >
  < / CountryInfo >
  < / country >
  < country >
  < CountryInfo >
  < name > country: Germany < / name >
  < > 16 districts < / districts >
  < State >
  < stateName > name of the State: New York < / stateName >
  < statePop > State Population: 8 244 910 < / statePop >
  < / state >
  < / CountryInfo >
  < / country >
  +++++++++++++++++++++++++++++++++++++++++
  
  Expected result:
  < country >
  < CountryInfo >
  < name > country: United States of America < / name >
  < > 50 districts < / districts >
  < State >
  < stateName > name of the State: New York < / stateName >
  < statePop > State Population: 8 244 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Chicago < / stateName >
  < statePop > State Population: 2 707 120 < / statePop >
  < / state >
  < / CountryInfo >
  < CountryInfo >
  < name > country: Germany < / name >
  < > 16 districts < / districts >
  < State >
  < stateName > name of the State: Berlin < / stateName >
  < statePop > State Population: 3 469 910 < / statePop >
  < / state >
  < State >
  < stateName > name of the State: Brandenburg < / stateName >
  < statePop > State Population: 2 500 000 < / statePop >
  < / state >
  < / CountryInfo >
  < / country >
  
  If possible, how can I produce my desired given result XML entry code?
  

• Creating an OBIEE analysis that uses a filter to group items in a column

  I am needing to group several elements in an analysis that I build in OBIEE 11g
  
  In my field, I have a table called result_code. The codes are numeric starting with 100, 200, 300, 400, etc. all the way up to 900. I want to put codes 100-400 in a group called 'Success' and to put codes 500-800 in a group called "Fail", leaving the 900 for a group code called 'unknown '.
  
  I'm doing it through a filter of analysis by selecting 'SQL expression' under ' add more Options and enter the instruction box below.
  
  SELECT case when result_code = '100' then 'Success'
  When result_code = "200" and "success".
  When result_code = '300' and 'Success'
  When result_code = '400' and 'Success'
  When result_code = "500" then "go bankrupt".
  When result_code = "600" and "bankrupt".
  When result_code = '700' then 'failure '.
  When result_code = '800' then 'Fail '.
  another case of end 'unknown '.
  OF 'results '.
  
  I get a syntax error when I try to run it. I don't know if entering an expression SQL is the right way to address the issue. What is the best way to group items in a filter? If a SQL expression is the right way to go on what should the syntax look like?

  Hi MJ,.

  To meet the syntax error, the case statement must end with just a 'end' and not a 'end case. But I think that you can directly create a new column in the criteira for grouping in the analysis. You don't need to create a filter for it.

  I can think of the following way to get what you're trying to do:
  1. use locations as Naveen has suggested. That would be the best way that binning is a feature provided by OBI to reach exactly the same thing.
  2. try your way. From the result code in a column of answers
  3. create a new column to the RPD/database for the populous result code. If you have answers adhoc users, will save their efforts to derive the result every time code.

  Hope this helps,
  Gerard

  Published by: gauravnankar on April 2, 2013 22:51

• List as a grouped items items

  Hello
  
  In "Select a list item", I want to display items in list as grouped items. Suppose that grouping the child of his master code.
  For example: [Fruits]
  Apple
  Orange
  Goa
  [Animals]
  Tiger
  Lion
  Elephant
  [Birds]
  ......
  ... etc.
  
  How can I do?
  
  Concerning
  Mohan

  There is a plugin for this... called group selection list:
  http://www.Oracle.com/technetwork/developer-tools/Apex/application-express/Apex-plug-ins-182042.html

• 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'} '"

• 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

• 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 ();
  }
  ]]>
  
  
  
  

• Try to add own Decorator to itemRenderer customized for Mobile App

  Hello

  It seems I can't addChild a BitmapImage. It allows me to do it with the component of the Image.

  Which is a bad habit?

  In addition, in the MXML code for views, should I preffer BitmapImage image?

  Thank you.

  BitmapImage is lighter than the Image if you don't need all the features of the spark Image and BitmapImage is recommended.

  BitmapImage is a lightweight GraphicElement which (in general) must be within a group.  If you add a group to your rendering engine and put the BitmapImage inside which should be faster than the simple addition of a spark Image (be sure to check this in your case).

  In the case of IconItemRenderer, it has an additional optimization that allows him to manage a BitmapImage directly without requiring an additional group.  This is done by implementing the IGraphicElementContainer and ISharedDisplayObject interfaces.

• Accessing the context property of main.qml to a custom list in a file item separate qml

  Hi all

  Sorry if this is already covered somewhere.

  I currently have an application with a list view in my main.qml.  I put a context property for my class app c ++ to be "app" in my main.qml.  My list uses a custom list item that is defined in a file separate qml.  The custom list item has a popup menu.  In this context menu, I want to call Q_INVOKABLE functions that are part of my class from the main application in C++.  What is the best way to be able to do?  Should I just set the context property on my file qml of list item custom like I do with my main.qml or is there a better way?

  Thank you

  I think that this has been repeated several times, but as it is not really intuitive:
  a listitemcomponent lies in a different context, it cannot access the context property of the qml file.
  You can use the reference to the listview to reach outside, see https://developer.blackberry.com/cascades/reference/bb__cascades__listview.html ListItem.view

• Custom resolution of the 14 items?

  I use first items 14 and I want to use the custom resolution settings but cannot find how. When I start a new project, I gives me the opportunity to change the settings, but then it only allows me to select presets from a dropdown list. I want to be able to use the parameters of resolution custom, for example, I want to start a project with a resolution of 1000 x 1000. How would I go all this elements 14?

  Custom resolutions and the proportions are not available in Premiere Elements.

  Based on the standard video resolutions, Premiere Elements can operate in standard resolution 4:3 or 16:9 and 16:9 1280 x 720, 1920 x 1080 and 4 k.

• Custom properties of the Group business lost in the plan strategic multi-machine

  I have several custom properties that are defined in my business groups. When I deploy a single machine model these properties are passed in orchestrator where I use them. However, when I add the same plans in a multi machine model, the properties defined in the Group of companies are gone. Everyone knows this or know why these properties would not follow the request in a multi machine scenario?

  Thank you

  This has been fixed with 6.1 and higher

• Custom Presenter mobile URl patterns

  Hello

  I've developed e-learning, experiences in connect for some time and that the integration with my custom user expereince. I recently started using present 8 and mobile presenter. I need to know the URL scheme customized to call Adobe mobile Presenter since the iPad safari browser. (like I do with connect connectpro://myconnectserver/mycontent nuer pro). Does anyone have this information availabl

  If this is not possible, I have to know that as well, since it is a major obstacle for us. If we manage to do around him, then we will consider buy multiple licenses of presenter 8. Allow our library of in-depth presentation to be played on iOS devices is very important to us, but if the user must type 5 URL to display the entire contents of one program then this isn't a viable solution.

  Hello

  It seems that you are using an earlier version of connect.

  It's connect version C8.2.2 as I can see it on https://rti.connectsolutions.com/version.txt

  However the ability to call presenter mobile app to a course to connect on a browser in the ipad has been activated in Connect version 9.0.3

  You need to upgrade your server connection to take advantage of this feature.

  Thank you

  ALPI Agarwal

  Adobe Presenter Engineering Team