ADF Shuttle Select Items rendered as checkboxes

So, we are using ADF 11.1.2.4 to develop our application. We have a requirement to use the shuttle control. However, when it is rendered, it contains checkboxes (inputItem type=checkbox). I am pretty sure this wasn't happening with 11.1.2.3, but was wondering if anyone else has seen this behaviour? I am thinking it may also be a CSS thing.
I've noticed in the rich client demo that it also uses an inputbox as a checkbox, but it has a style class associated with it. However, in our application, there is no style associated with it. Perhaps this is because our style hasn't inherited any of the Fusion skins? Thus, our items are rendered "naked". Another thing we have noticed is that nothing shows up on the right hand side of the control, but it used to with 11.1.2.3.
Any help would be greatly appreciated,
BradW

Ok, so it was a skinning issue. I reset the skin in the trinidad-config.xml file and violla! Checkboxes are gone. Now just to figure out what the issue is with the right hand side is doing. Separate question. Hope this helps someone.
BradW

Similar Messages

I can not select items in the checkboxes to "Total".

When I select the Add function, the entry file names come up in a new box. The select "ALL" button works, but you can not select individual entries.
Thank you.

The ssetive area is not quite the selection box. You can try enarlarging the view and click around the edge of the chec box.

Using checkboxes to select items in a Spark DataGroup/List?

I have a DataGroup from Catalyst, laid out like a tile list:
I'd like to do something a bit different, in that I'd like to allow people to multi-select items in the list using those checkboxes instead of the usual command/control-click.
The checkbox, label and image are in the itemRenderer. Is there an easy way that I can have that checkbox toggle the selected state of its list item?

Hi,
Using the checkbox as a selection is easy enough as all you have to do is add a change event to the checkbox in the renderer and then in the event
selected=mycheckbox.selected;
The fun is how to handle the list click event from the checkbox you can stop propagation but if the item is clicked it will reset the selected indices.
There is a few ways to handle this
when processing the list don't use the selected indices just use the checkbox value to determine whats selected
disable the listbox click event so items have to be selected with the checkbox
or the most complex lots of overriding so that click acts like a ctrl/click and the checkbox/itemclick can toggle each other.
David

Problem with checkbox item renderer in datagrid

I have a data grid having check box as an item renderer. I have viewed many posts in this forum but nothing useful in my case. I am failed to bind my datagrid itemrenderer checkbox with the field of dataprovider i.e. listUnitMovement.CHECK_PATH. Then I have to traverse data provider to check which checkboxes are checked.
[Bindable]
var listUnitMovement:XMLList=null;
In a function call
public function init(event:ResultEvent):void
    listUnitMovement=event.result.unitmovement;
     <mx:DataGrid id="dg_country"
                           dataProvider="{listUnitMovement}"
                              enabled="true">
                            <mx:columns>
                               <mx:DataGridColumn>
                                    <mx:itemRenderer>
                                        <mx:Component>
                                            <mx:CheckBox selectedField="CHECK_PATH" />
                                        </mx:Component>
                                    </mx:itemRenderer>
                                </mx:DataGridColumn>
                                <mx:DataGridColumn headerText="Latitude" dataField="NEW_LAT" visible="false"/>
                                <mx:DataGridColumn headerText="Longitude" dataField="NEW_LONG" visible="false"/>
                               <mx:DataGridColumn>
                                    <mx:itemRenderer>
                                        <mx:Component>
                                            <mx:Button label="Details"/>
                                        </mx:Component>
                                    </mx:itemRenderer>
                                </mx:DataGridColumn>
                            </mx:columns>
                        </mx:DataGrid>

Hi,
Do you want to just check/uncheck the checkboxes based on the CHECK_PATH field.
Do you want something like this...
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;[
Bindable]
private var listUnitMovement:ArrayCollection = new ArrayCollection([{CHECK_PATH:true,NEW_LAT:109.233,NEW_LONG:232.22},{CHECK_PATH:true,NEW_LAT:109.233,NEW_LONG:232.22},{CHECK_PATH:false,NEW_LAT:133.233,NEW_LONG:702.22}]);]]>
</mx:Script>
<mx:DataGrid dataProvider="{listUnitMovement}">
<mx:columns>
<mx:DataGridColumn>
<mx:itemRenderer>
<mx:Component>
<mx:CheckBox selectedField="CHECK_PATH" change="data.CHECK_PATH=selected" />
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="NEW_LAT"/>
<mx:DataGridColumn dataField="NEW_LONG"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>
Please let me know clearly what's your problem...Do you want to just bind the check box based on XmlList or something else..?
Thanks,
Bhasker Chari.S

Getting the value of a checkbox in an item renderer?

I have a list that uses an item renderer with buttons and data. I need to add a checkbox and get the value of this checkbox passed along with the event of the pushbutton.
When the user clicks "add to menu: there is a click handler:
protected function addButton_clickHandler(event:MouseEvent):void
                    doubleIt = double.selected;
                    owner.dispatchEvent(new Event("ADD_TO_MENU", true));
Back in the main application, there is a listener for this event. I want that handler to be able to "know" the status of that checkbox (i.e. the value of "doubleIt", defined as a public boolean).
private function addToMenuHandler(event:Event):void {
           var i:int = event.target.selectedIndex;
           var obj:Object = new Object();
           obj = recipeListCollection.getItemAt(i);
           menuList += obj;
I have tried various permutations of the event.target, but can't figure out how to access that variable.

Create a custom event and stuff anything you want in there.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Checkbox item renderer populated with data from 2 sources

I have a list object that has a check box and a label (using an inline item renderer). The list itself is populated with an array of objects and whether the checkbox is selected takes those objects and adds them to another list (for outbound purposes). Since the selected list can change elsewhere in my app how do I keep the binding of selections consistent? The dataprovider for my checkbox list is the first array of objects and is binded, but the second one (selected array) is not. What would be the best way to provide that binding to make sure the selected is consistent when the second array changes. Some of the code is below to better show...
<cms:HilightList
     id = "distributorList"
     width = "100%"
     height = "100%"
     drawHighlight="{ViewUtils.drawHighlightIndicator}"
     drawSelection="{ViewUtils.drawHighlightIndicator}"
     dataProvider="{pmDistributors.distributors}">
     <mx:itemRenderer>
          <mx:Component>
               <mx:HBox>
                    <mx:CheckBox
                                       selected = "{outerDocument.isSelected(data)}"
                           change = "{outerDocument.handleSelectedChange(event)}"/>
                    <mx:Label text="{data.name}"/>
               </mx:HBox>
          </mx:Component>
     </mx:itemRenderer>
</cms:HilightList>
public function isSelected(item:Object):Boolean
     var partner:Partner = item as Partner;
     var selected:Boolean = false;
     for each(var schedPartner:Partner in scheduleAssets.partners)
          if(schedPartner.id == partner.id)
               selected = true;
     return selected;
public function handleSelectedChange(event:Event):void
     var partner:Partner = event.currentTarget.parent.data as Partner;
          if(event.currentTarget.selected)
               addPartnerEvent(partner);
          } else {
               removePartnerEvent(partner);

Hi Aakcse,
In this condition, you need to make use of both the Precedence Constraint between Control Flow Tasks and the Conditional Split Transformation. Supposing you get the value in the flat file and store it in a variable via Script Task, you can create two Data
Flow Tasks, and connect the Script Task to the two DFTs.
For the Precedence Constraint between the Script Task and the Data Flow Task 1, set the “Expression and Constraint” expression to @[User::vEntryStatus]=="Y". And for the Precedence Constraint between the Script Task and the Data Flow Task 2, set the “Expression
and Constraint” expression to @[User::vEntryStatus]=="N".
In Data Flow Task 1, add a Conditional Split Transformation with this expression [Entry]==”YES”, and direct this output to the destination component. In Data Flow Task 2, also add a Conditional Split Transformation with expression [Entry]==”NO”, and direct
the output to the destination component.
Regards,
Mike Yin
If you have any feedback on our support, please click here
Mike Yin
TechNet Community Support

Accessing S:List Checkbox Item Renderer Outside the Renderer

Hi All,
I have an S:List, with a checkbox item renderer. I was to be able to access the selected portion of the renderer to create a new function that at the press of a button this will delect all the current selected items in the list.
Doco states that i should be able to do this just by setting the selectedIndex to -1. But not sure if this is specific to 4.5?? But it is not working for me.
Below is my current list. Outside of this list flashbuilder does not know about chkList, or even selected. How can i get access to this to deslect all?
<s:List
id="ltattributes">
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<fx:Script>
<![CDATA[
import mx.events.ItemClickEvent;
protected function chkList_changeHandler(event:Event):void
var e:ItemClickEvent = new ItemClickEvent(ItemClickEvent.ITEM_CLICK, true);
data.selected = event.currentTarget.selected;
e.item = data;
e.index = itemIndex;
dispatchEvent(e);
]]>
</fx:Script>
<s:CheckBox id="chkList" selected="false" label="{data.displayname}" change="chkList_changeHandler(event)"/>
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
Thanks

Try: dataGroup.getElementAt().
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Getting the value of the selected items of the shuttle

Hi Steve,
How to get the selected items of the shuttle in the backing Bean upon clicking submit button?
Regards,
Gareth

Check the ADF Developer Guide and the SRDemo
application for a sample of using the shuttle
http://download.oracle.com/docs/html/B25947_01/web_com
plex008.htm#CEGHACEDHow to get the values from leading list. I have a pop-up with selectManyShuttle. The leading list values are retreived from from emailTable and there is no default values in the trailing List. When I click ok in the popup, the selectedValues is null.
here is my code:
<af:form>
<af:selectOneChoice label="" valuePassThru="true" valueChangeListener="#{backingpsEmailUserContact.refreshSelectedList}" id="usercontactid" autoSubmit="true">
<af:selectItem label="User" value="user"/>
<af:selectItem label="Contact" value="contact"/>
</af:selectOneChoice>
<af:panelHorizontal valign="bottom" partialTriggers="usercontactid">
<af:selectManyShuttle
trailingHeader="Chosen"
leadingHeader="Email"
trailingDescShown="true"
leadingDescShown="true"
size="10"
value="#{backingpsEmailUserContact.selectedValues}" >
<f:selectItems value="#{backingpsEmailUserContact.allItems}"/>
</af:selectManyShuttle>
<af:commandButton text="Ok" action="#{backingpsEmailUserContact.cmdOk}" id="cmdOkid" partialSubmit="true"/>
</af:panelHorizontal>
</af:form>
backingBean method
public void cmdOk(){
Object selectedList = this.getSelectedValues();
// for (int i = 0; i < selectedList.size();i++){
// System.out.println((String)selectedList.get(i));
}

Could not find selected item matching value "New" warning message in ADF

Hi,
I have a selectOneChoice1 for a field which has the following fixed values in it. And while creating it, I selected the 'SelctionRequired' option so that this field will always have a value.
New
Pending
Completed.
While navigating to this page, I am trying to set the value to 'New' (Retrieved from the DB) in the backing bean. But when the page is rendered, the above field is empty with the above options in the list and jdev has the follwing error message in its log.
WARNING: Could not find selected item matching value "New" in CoreSelectOneChoice[UIXEditableFacesBeanImpl, id=selectOneChoice1]
Can any one help me with this issue?
Thanks,
Priya

The value of a list binding is the zero-based integer position in the list that is selected, not the actual underlying value.
The simplest way to set the value of an attribute is to use an attribute binding (which can be bound to the same attribute as the list binding). When you set the value of an attribute binding, it sets the value as you supply it. Otherwise, you'd need to set the list binding's value to the numerical "slot" number of the one you want to change the value to.

ADF Tree with Boolean Check Box: How to find selected items

Hi Experts,
ADF: 11.1.1.5.0
WLS: 10.3.6
I am using an ADF Tree which contains elements at two levels (say Departments and Employees). My requirement is to give provision for user to select Departments and Employees using the check boxes. User should be able to select what ever Departments he/she likes and what ever employees he/she likes. There should not be a provision to select Employee with out selecting the corresponding Department (root node in the tree).
I am facing the below issues while trying to implement this use case:
1. Always, only the first master record will be expanded by default (I am using "Display Row" property value as "default" and "ExpandAllEnabled" as "true"). My need is to expand all the master records by default. So that user need not explicitly expand each master record node and then select the associated child records.
2. Currently, I am using value change listener associated to af:selectBooleanCheckBox to identify the Departments and Employee records that have been selected. Since not all departments (masters) are expanded by default, if user selects the check box of department (master) and then expands the department node, automatically all the employees of that department are selected. But, this event is not triggering the value change listener for the employee records. Because of this, after a department node is selected and then expanded, all the child elements' check boxes are selected but the events are not generated. Hence, I am not able to capture the selection of employee records.
To summarize,
1. Please let me know how to expand all master nodes in af:Tree by default.
2. Please let me know the best approach to identify the selected items (both master and detail items) in the af:Tree component using af:selectBooleanCheckBox.
Thanks in advance,
Rathnam

Hi,
Can you please elaborate the solution? I have a similar problem in
https://forums.oracle.com/thread/2579664

[svn:fx-4.0.0] 13740: Don' t unconditionally clear the item renderer selected flag in the ListBase/ updateRenderer override.

Revision: 13740
Revision: 13740
Author:   [email protected]
Date:     2010-01-24 19:49:56 -0800 (Sun, 24 Jan 2010)
Log Message:
Don't unconditionally clear the item renderer selected flag in the ListBase/updateRenderer override.
QE notes:
Doc notes:
Bugs: sdk-25203
Reviewer: Chet
Tests run:
Is noteworthy for integration:
Ticket Links:
    http://bugs.adobe.com/jira/browse/sdk-25203
Modified Paths:
    flex/sdk/branches/4.0.0/frameworks/projects/spark/src/spark/components/supportClasses/Lis tBase.as

To achieve the above, try the below fix:
var buttonBar:ButtonBar = new ButtonBar();
buttonBar.requireSelection = true;
Hopefully this works for you . Cheers!!

[ADF-UIX] passing selected items to a custom method, how?

Hi,
ADF-UIX can be tricky, and im stuck atm building some functionality, I hope
someone here can point me in a good direction
I have a multipleSelection table filled with data from a ViewObject. I also
have 2 MessageChoice components also filled with data from 2 ViewObjects.
I made a custom method in my AppMod accepting 3 params and dragged that method
on to a DataAction. And I have a submit button calling the DataAction.
Now comes the tricky part, how can I pass the selected rows (radiobuttons) and
the selected items from my MessageChoices to my custom method.
I know I have to change something in paramNames[0].value but what exactly, specialy
the multiselect from my table.
Thanks in advance for any tips :)

"what's the application module"
JDev 10.1.3 leverages an Application Development Framework (ADF) that you can learn about here: http://download-east.oracle.com/docs/pdf/B25947_01.pdf
Specifically, you'll want to look at chapters 2, 4, & 8 in the developer's guide to understand the framework and to understand how to use application modules to call service methods from a JSF page. You can also search this forum as there are other threads discussing this topic, but I'd recommend reviewing the developer guide first.
This article I also found helpful:
http://www.oracle.com/technology/products/jdev/tips/muench/mostcommon/index.html
From my (short) experience, I've learned that you can call methods either using a bean or service methods on the Application Module. Since I am using ADF Business Components (BC), I try to implement any methods that interact with the BC's (view objects, etc.) as service methods on the Application Module (AM). If my method needs to purely implement logic related to the UI or Navigation, then I implement a method on a bean. The other case where I implement a method on a bean is if I need to do some pre-processing (i.e., gather info. about the state of the UI) prior to calling a service method on the AM (an example of this can be found in the dev guide related to the tableSelectMany component) - so there are some cases where the bean method will call a method on the AM - but again, if the method will update the model I try to use a method on the AM to accomplish this. Understanding the ADF framework is the first step (see the dev guide), and then I'd recommend looking at the SRDemo and previous posts on this forum.
Finally, one thing that is really cool - if you define a service method on your AM, it shows up in the data control pallette - you can drag and drop the method on the .jspx page and all of the bindings/wiring is done automatically for you (including handling passing of parameters.)
hope this helps.

Shuttle: How to reference selected items on the right side

This seems so easy so why am I struggling so much.
I have a simple shuttle:
1 Adam
2 Baker
3 Charlie
4 Delta
5 Echo
6 Foxtrot
Select Name D, UserID R from UserTable
The values are stored in a VARCHAR2 field MULTI_USER (for example 1:2:4:6)
When I want to get the names back from the selected item, how do I reference the colon-separated items?
For example:
Select Name from UserTable
where UserID in (select MULTI_USER from MULTI_USER where MULTI_USER_ID = 1)
should return:
Adam
Baker
Delta
Foxtrot
Why is this so difficult for me to figure out?
Thank you in advance

Hi,
This might help
http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/bldapp_item.htm#sthref908
Regards,
Jari
My Blog: http://dbswh.webhop.net/htmldb/f?p=BLOG:HOME:0
Twitter: http://www.twitter.com/jariolai

CheckBox Group Get Selected Items

Hi, I have a problem with a CheckBox Group.
I have different items in the CheckBox Group, and I get the items that are selected.
When I do the checkboxgroup.getselected () returns the selected items, but I do not know how to get the values separately.
I tried to do:
ArrayList array = new ArrayList ();
array. add (checkboxgroup.getSelected ());
but in the array.get (0) add all the values. And I need:
array.get (0) -> first value selected checkboxgroup
array.get (1) -> second value selected checkboxgroup
array.get (2) -> third value selected checkboxgroup
Thank's !
Edited by: henrynxd_08 on Jul 16, 2009 4:55 AM

Never mind..I got it.
it as simple as that:
Alert.show (lst.selectedItem.fieldname);
;)

Programmatically selecting hovered state of item renderer - Greg pleeease

I'm a bit new to Flex, so I have the idea but can't get it to work.
I'm using an item renderer that takes its data from an HTTPService
    <s:SkinnableDataContainer
                              dataProvider="{boData}"
                              itemRenderer="extras.BoItemRenderer"
                              skinClass="extras.BoSkin" />
the boData data provider is an ArrayCollection not an Array
In my <s:ItemRenderer ...... > (BoItemRenderer.mxml) I have
- 2 states: normal and hovered (each has different style, which I will leave out to keep things simple)
- and the data is presented as follows:
    <s:HGroup>
        <s:Label text="{data.idNum}" />
        <s:Label text="{data.firstName}" />
        <s:Label text="{data.lastName}" />
    </s:HGroup>
Naturally as I hover on any row in the item renderer, it changes to the hovered state styling, all done by flex.
What I want to do however is programmatically induce that hover state without actually hovering.
For example, given a hard-coded idNum, I need to programmatically set the state of that row to hovered.
My approach is as follows, but not sure how to target that specific item,
- search the dataProvider to find the index of the row with idNum that matches my hard-coded value. I looked at the documentation, and there is indexOf, but it's for Array and not ArrayCollection.. also not sure how that works since I'd like to read the data from the item renderer directly, not from the original data provider.
- then I would find that index in the itemrenderer and set the state of that index to hovered.
Simpler said then done, but I'm stuck on it...
Thanks,
David

Depending on what is it the ArrayCollection, in theory you might be able to do this:
var myIndex:uint;
for(var a:uint=0;a<myCollection.length;a++){
    if(myCollection.getItemAt(a).idNum == myHardCodedIdNum){
        myIndex = a;
        break;
You can programmatically simulate a hover over by having the component manually dispatch a mouseOver event, but this is not the way to do it with itemRenderers.
Item renderers can be tricky, particularly if they are being used in List based controls, like List, DataGrid, TileList, etc. because the itemRenderers are recycled.
With that in mind, and with your somewhat non-typical situation (manually simulating hover over), I might be wrong on this, but it might be best to control this via the dataProvider data. So have a field named currState, and somehow make the renderer automatically change its state if that data field changes, then you simply programmatically change the currState data field for the desired item.
As far as how to change the state of the item renderer based on changes to a data field, maybe ChangeWatcher?
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

ADF Shuttle Select Items rendered as checkboxes

Similar Messages

Maybe you are looking for