You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by mo...@comcast.net on 2014/09/08 15:00:23 UTC
attached code to disable certain items in spark DropDownList not
working
I'm trying to disable certain items in a spark DropDownList. I found this nice example online, which works when you run it online:
http://apache-flex-users.2333346.n4.nabble.com/error-overriding-mx-internal-method-setSelectedIndex-td4110.html
http://flexponential.com/2010/01/31/spark-dropdownlist-equivalent-of-the-html-optgroup-concept/
http://flexponential.com/samples/OptgroupDropDownList/srcview/
I copied everything exactly as found above (the last link above), then modified OptgroupDropDownList.as in 2 places as follows:
1. I changed mx_internal to public, then added changeCaret and super.setSelectedIndex() to this function (result of changes is shown):
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
super.setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this line goes here or at the end, so I tried both
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start, so I tried both
}
2. I added changeCaret to the following function (result of changes is shown):
override mx_internal function setSelectedIndices(value:Vector.<int>, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
var newValue:Vector.<int> = new Vector.<int>;
// take out indices that are on items that have selectionEnabled=false
for ( var i:int = 0; i < value.length; i++)
{
var item:* = dataProvider.getItemAt(value[i]);
if (item.selectionEnabled == false )
{
continue ;
}
newValue.push(value[i]);
}
super .setSelectedIndices(newValue, dispatchChangeEvent, changeCaret);
}
When I run this code on SDK 4.12, I observe that, while the mouse doesn't highlight the heading items in the drop down list, if I select one of these heading items, it DOES show as the selected item in the drop down list. That is, the collapsed drop down list shows this heading at the selected item (bad), and expanding the drop down list scrolls this heading item to the top (as if it were selected; also bad), although the heading item itself is not highlighted in the expanded drop down list (good). Thus, the skin appears to work, but the logic for preventing the selection of heading items isn't working.
Is there something that changed in the SDK since the code was released that might cause this?
Can someone run the code and help me debug it?
Lastly, I tried placing a mouseEnabled="false" in the OptgroupHeadingItemRenderer in OptgroupDropDownListSkin.mxml, first in <s:ItemRenderer .../>, and second in <s:Label .../>, in an effort to ignore mouse clicks to heading items, but it had no effect. Anyone know how to achieve this?
Thanks in advance for any comments.
Re: attached code to disable certain items in spark DropDownList
not working
Posted by mo...@comcast.net.
Hmm, rather than the last modification I offered below, I can add one line to get it working (see below). I'm wondering how the original code could work without it...
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false, changeCaret:Boolean = true):void
{
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
else { value=-1; } // ADD THIS LINE
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start
}
----- Original Message -----
From: modjklist@comcast.net
To: "users, apache" <us...@flex.apache.org>
Sent: Monday, September 8, 2014 6:35:00 AM
Subject: Re: attached code to disable certain items in spark DropDownList not working
I'm not understand how the original code in function setSelectedIndex() in OptgroupDropDownList.as is supposed to work when selectionEnabled is false. If I modify it, including directly changing value to -1 when selectionEnabled=false, it seems to work. Of course, I'm fairly new to Flex, and not comfortable with these inner workings. Are my changes OK, or why doesn't the original code work to prevent selection when selectionEnabled=false?
THE ORIGINAL FUNCTION:
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start
}
HOW I MODIFIED IT:
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false, changeCaret:Boolean = true):void
{
if (value == selectedIndex)
return;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
} else { // I changed the location of this to place it inside previous brackets
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
value=-1; // isn't this needed to prevent the selection?
_proposedSelectedIndex = value;
invalidateProperties();
}
}
super.setSelectedIndex(value, dispatchChangeEvent, changeCaret);
}
----- Original Message -----
From: modjklist@comcast.net
To: "users, apache" <us...@flex.apache.org>
Sent: Monday, September 8, 2014 6:00:23 AM
Subject: attached code to disable certain items in spark DropDownList not working
I'm trying to disable certain items in a spark DropDownList. I found this nice example online, which works when you run it online:
http://apache-flex-users.2333346.n4.nabble.com/error-overriding-mx-internal-method-setSelectedIndex-td4110.html
http://flexponential.com/2010/01/31/spark-dropdownlist-equivalent-of-the-html-optgroup-concept/
http://flexponential.com/samples/OptgroupDropDownList/srcview/
I copied everything exactly as found above (the last link above), then modified OptgroupDropDownList.as in 2 places as follows:
1. I changed mx_internal to public, then added changeCaret and super.setSelectedIndex() to this function (result of changes is shown):
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
super.setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this line goes here or at the end, so I tried both
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start, so I tried both
}
2. I added changeCaret to the following function (result of changes is shown):
override mx_internal function setSelectedIndices(value:Vector.<int>, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
var newValue:Vector.<int> = new Vector.<int>;
// take out indices that are on items that have selectionEnabled=false
for ( var i:int = 0; i < value.length; i++)
{
var item:* = dataProvider.getItemAt(value[i]);
if (item.selectionEnabled == false )
{
continue ;
}
newValue.push(value[i]);
}
super .setSelectedIndices(newValue, dispatchChangeEvent, changeCaret);
}
When I run this code on SDK 4.12, I observe that, while the mouse doesn't highlight the heading items in the drop down list, if I select one of these heading items, it DOES show as the selected item in the drop down list. That is, the collapsed drop down list shows this heading at the selected item (bad), and expanding the drop down list scrolls this heading item to the top (as if it were selected; also bad), although the heading item itself is not highlighted in the expanded drop down list (good). Thus, the skin appears to work, but the logic for preventing the selection of heading items isn't working.
Is there something that changed in the SDK since the code was released that might cause this?
Can someone run the code and help me debug it?
Lastly, I tried placing a mouseEnabled="false" in the OptgroupHeadingItemRenderer in OptgroupDropDownListSkin.mxml, first in <s:ItemRenderer .../>, and second in <s:Label .../>, in an effort to ignore mouse clicks to heading items, but it had no effect. Anyone know how to achieve this?
Thanks in advance for any comments.
Re: attached code to disable certain items in spark DropDownList
not working
Posted by mo...@comcast.net.
I'm not understand how the original code in function setSelectedIndex() in OptgroupDropDownList.as is supposed to work when selectionEnabled is false. If I modify it, including directly changing value to -1 when selectionEnabled=false, it seems to work. Of course, I'm fairly new to Flex, and not comfortable with these inner workings. Are my changes OK, or why doesn't the original code work to prevent selection when selectionEnabled=false?
THE ORIGINAL FUNCTION:
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start
}
HOW I MODIFIED IT:
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false, changeCaret:Boolean = true):void
{
if (value == selectedIndex)
return;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
} else { // I changed the location of this to place it inside previous brackets
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
value=-1; // isn't this needed to prevent the selection?
_proposedSelectedIndex = value;
invalidateProperties();
}
}
super.setSelectedIndex(value, dispatchChangeEvent, changeCaret);
}
----- Original Message -----
From: modjklist@comcast.net
To: "users, apache" <us...@flex.apache.org>
Sent: Monday, September 8, 2014 6:00:23 AM
Subject: attached code to disable certain items in spark DropDownList not working
I'm trying to disable certain items in a spark DropDownList. I found this nice example online, which works when you run it online:
http://apache-flex-users.2333346.n4.nabble.com/error-overriding-mx-internal-method-setSelectedIndex-td4110.html
http://flexponential.com/2010/01/31/spark-dropdownlist-equivalent-of-the-html-optgroup-concept/
http://flexponential.com/samples/OptgroupDropDownList/srcview/
I copied everything exactly as found above (the last link above), then modified OptgroupDropDownList.as in 2 places as follows:
1. I changed mx_internal to public, then added changeCaret and super.setSelectedIndex() to this function (result of changes is shown):
override public function setSelectedIndex(value:int, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
super.setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this line goes here or at the end, so I tried both
if (value == selectedIndex)
return ;
if (value >= 0 && value < dataProvider.length){
if (dataProvider.getItemAt(value).selectionEnabled != false ){
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
} else {
if (dispatchChangeEvent)
dispatchChangeAfterSelection = dispatchChangeEvent;
_proposedSelectedIndex = value;
invalidateProperties();
}
super .setSelectedIndex(value, dispatchChangeEvent, changeCaret); // not sure if this goes at end or start, so I tried both
}
2. I added changeCaret to the following function (result of changes is shown):
override mx_internal function setSelectedIndices(value:Vector.<int>, dispatchChangeEvent:Boolean = false , changeCaret:Boolean = true ): void
{
var newValue:Vector.<int> = new Vector.<int>;
// take out indices that are on items that have selectionEnabled=false
for ( var i:int = 0; i < value.length; i++)
{
var item:* = dataProvider.getItemAt(value[i]);
if (item.selectionEnabled == false )
{
continue ;
}
newValue.push(value[i]);
}
super .setSelectedIndices(newValue, dispatchChangeEvent, changeCaret);
}
When I run this code on SDK 4.12, I observe that, while the mouse doesn't highlight the heading items in the drop down list, if I select one of these heading items, it DOES show as the selected item in the drop down list. That is, the collapsed drop down list shows this heading at the selected item (bad), and expanding the drop down list scrolls this heading item to the top (as if it were selected; also bad), although the heading item itself is not highlighted in the expanded drop down list (good). Thus, the skin appears to work, but the logic for preventing the selection of heading items isn't working.
Is there something that changed in the SDK since the code was released that might cause this?
Can someone run the code and help me debug it?
Lastly, I tried placing a mouseEnabled="false" in the OptgroupHeadingItemRenderer in OptgroupDropDownListSkin.mxml, first in <s:ItemRenderer .../>, and second in <s:Label .../>, in an effort to ignore mouse clicks to heading items, but it had no effect. Anyone know how to achieve this?
Thanks in advance for any comments.