Flex :: Spark ComboBox Click
Oct 19, 2010
I'm using a spark combobox in my AdvancedDataGrid, as an itemEditor. At some point I noticed that clicking on the scroll bar arrows would close the CB - very annoying. After much research I found this on Stackoverflow which completely solved my problems - One more and last lingering issue left though: when selecting an item from an open dropdownlist the mouse click seems to propagate to the cell below once the dropdown has closed. I assumed that the fix above would take care of this last issue, but it doesn't seem to. I tried to override the item_mouseDownHandler for the CB and stopImmediatePropagation() of the mouse event post its usual behavior, but that also seems to have no effect. I also tried setting the mouseChildren property for the skin['dropDown'] to false, but that impairs the whole functionality.
View 1 Replies
Similar Posts:
Sep 17, 2010
I would like to use a combobox as the itemEditor for one of the columns of an AdvancedDataGrid. I looked around and decided to use Spark ComboBox components - they're slick and seem to natively support a lot of neat stuff including auto-completing strings when types in the textInput. After some tinkering I managed to add a spark ComboBox to my ADG, setup its data provider in order for it to expand as the user adds new items, and hook it all up. The result seems promising, but as always, a few details have been impossible to overcome for me (indeed I'm not a flex pro quite yet) and was hoping that someone could point me in the right direction. The code is pasted below and uses the tricks described here to use a spark component as an itemEditor for an mx grid.
If you play with the (super simple) app you will notice that if you click (a couple of times) on the last column to the right and open the ComboBox you can pick a value from the list, click on a different cell, and the selected value will appear in the cell you just left. However, and here starts the list of annoying things:
if you start typing in the ComboBox and press enter when the desired item comes up the ComboBox will remain emptyif you type a new item in the ComboBox and press enter the item gets added to the data provider (correct behavior) but the ComboBox still remains empty when you first click on a cell its current value also disappears I debugged the first two annoying scenarios and it seems that pressing Enter leads to advanceddatagrid1_itemEditEndHandler being called before myCB_changeHandler, which means that myRetVal is never set when the dataGrid does its update on its cells. The opposite happens if one selects from the list, i.e.
The MXML App
<fx:Declarations>
<s:ArrayCollection id="myCbDb"/>
</fx:Declarations>
<fx:Script>
[code]....
View 2 Replies
Sep 16, 2010
I've been playing with s:ComboBox and generally like them a lot. One detail is driving me nuts though - most likely due to my lack of knowledge in the subject - is that if I try to add a new item to my dataprovider in a changeHandler (registered to the change event) the text for the ComboBox textInput disappears - although the item addition works perfectly. Interestingly enough the same operation works fine if it gets called by clicking on a button, i.e. post the change event has been processed, and the text does not disappear.[code]if you take out the change handler you will see that adding a new item and then clicking on the button keeps the new element in the textInput while adding the item to the data provider, which does not happen if you just enter a new item and press enter.
View 1 Replies
Mar 7, 2011
I would like to add custom right clicks to a number of spark list controls. I have tried the following as an item renderer. (as per the flex 4 cook book). Full Render code here [URL] When I right click on the Spark List I simply get the Adobe Default Context menu. This is the same default behaviour I had before I added any code to this.
View 2 Replies
Jun 18, 2011
I am searching for something like CellClick event on Spark DataGrid, or something alike.
Is there something like this in Flex 4.5, and how to get the data from the clicked cell ?
View 1 Replies
Feb 9, 2011
I am having an issue with my ItemRenderer, which I am using for a spark List. My code is the following:
I have this list:
<s:List
id="productSetList"
dataProvider="{ model.productSets }"
[Code]....
The thing is, if I scroll the list, and click on an item, it does not trace 'arthur' ! Why is this so ? I must trace that all the time that someone clicks in the list!
EDIT: If I remove change="model.selectSet( productSetList )" in the list, it works!! but I cannot remove that, some suggestions ? How can I switch that to another function?
View 2 Replies
Apr 6, 2011
I am using Flex Spark Slider as a time-line for a Flex video player custom component I have created.
I want to prevent the user from clicking on the slider and changing its value, but at the same time I should be able to change the value of the slider programmatically.
Setting the "enabled" property for the slider to "false" doesn't help as then I am not able to change the slider value programmatically.
View 1 Replies
Sep 8, 2011
How do I detect the enter key being pressed on my button and fire the click event handler? (For example on a TextInput field there is an 'enter' event).
View 2 Replies
Aug 11, 2011
I want change the HBox's style when click any object inside this HBox. I set handle for click event of HBox, and then I found it very difficult to select item in the combobox in this HBox.When I click the combobox, it drops down its item list, and HBox style changed, then combobox drop up very quickly, I have no time to select an item in the Combobox.Here is my codes, is there any way to avoid this problem?
<mx:Repeater id="itemRepeater">
<mx:HBox id="itemHBox" styleName="active" click="onItemClick(event);">
<mx:ComboBox id="cb1" dataProvider="{dp}" close="closeHandler(event);"/>
[code].....
View 1 Replies
Mar 27, 2010
I want to populate a ComboBox after a clicked a button.
[Code]...
But when he executes the last line, I alwas get the following error:
[Code]....
View 3 Replies
Sep 8, 2011
I have a custom component, containing a List displaying items from an XMLListCollection:
[Code]....
Also if I click twice, only 1 mouse click will cause my custom event to be dispatched (because obviously there is no change between the items). how to make my List only react to mouse clicks? UPDATE: Yes, I've tried using "change" event for the List before, but then I have the problem that it is fired, even if the List scrollbar is clicked.
View 1 Replies
Dec 20, 2011
this function bellow returns the String for display in an item renderer.
[Code]...
But i am blocked about the public function set selectedLabel(label:String):void is there anyone who know a function labelToItem or another solution to set my combobox selectedLabel
View 1 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Feb 7, 2011
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 Replies
Nov 8, 2010
I'm trying to set a specific list item in a mx combobox to have a custom item renderer, the problem is that I cannot do this via mxml, it needs to be done via actionscript at a later stage, eg: combobox gets created, combobox gets populated, user does other tasks, combobox needs to set one or more items in the combobox to have icons (via item renderer)..
I can do this via the onChange event, but it only applies the icon when the combobox is opened and there is a slight delay so you can see the icon being added.
View 1 Replies
Mar 16, 2011
How can I validate there's a selected item in a ComboBox before saving? If there's no selected item, how can I set focus on the ComboBox?
View 2 Replies
Jan 26, 2012
I am working on a drag and drop feature for the sparkScroller. This is sort of how my layout looks:
<mx:Canvas>
<s:Scroller id="items" .. />
<mx:Box id="dummyRow" visible="false" />
<s:View id="touchView" visible="false" />
</mx:Canvas>
So when you hold your finger over a row in the items Scroller for more than a 30 seconds, the touchView becomes visible so does the dummyRow. The dummyRow gets populated to look like the row which you held your finger over.
So the touchView has the event handlers for moving your fingers and places the dummyRow where your finger is. The problem I am having is even though the touchView is reacting to my move events, the scroller still keeps reacting to my move events as well even though it's a sub layer. Because I started on the scroller it still keeps track!
How can I remove focus / tracking from the scroller?
View 1 Replies
Jul 6, 2011
I have a spark skinnable component which contains a datagroup with images. The datagroup is scrolled by hovering the mouse over it. Everything works fine except one thing: after I change the datagroup provider, I need to scroll down automatically. The problem is the images are not loaded immediately after I set the provider so (contentHeight - height) does not yet represent the actual maximum scrolling position. Is there an easy way of telling the datagroup to scroll down as its content loads? Because the workaround seems to be not so straightforward. This is the code for scrolling(thumbnailStrip is my datagroup):
[Code]...
View 1 Replies
Feb 28, 2012
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
View 2 Replies
Apr 13, 2011
How can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 Replies
Mar 11, 2011
I'm creating the Label component like this
var label:Label = new Label();
label.text = "some text";
label.styleName = "someStyle";
addChild(label);
But it stay invisible until I explicit set the width and height.How can I make the label to be auto resized according to it's text?
View 3 Replies
Jun 25, 2011
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.
View 3 Replies
Oct 4, 2011
Flex 4.5+ is I guess everyone is working on nowadays so I asked this question since I haven't yet find working both spark datagrid and the mx printdatagrid components together.
What I'm trying to achieve is to print all the data inside my spark datagrid. So when I do my research, we use the PrintJob or the FlexPrintJob classes.It works fine but when I need to print multiple pages since the data on my spark datagrid is quite long, I can't somehow find a way how to do it.The print output is only upto where the height of my spark datagrid.So in my research, they somehow managed it to use the mx:PrintDataGrid component.But sad to say, they did it with an mx:DataGrid also.how to use the mx:PrintDataGrid along with s:DataGrid.
var printJob:PrintJob = new PrintJob();
if (printJob.start())
{[code]....
If converting a spark datagrid columns to the mx datagrid columns is not possible, is there a way that I can print all the data on the spark datagrid using multiple pages?
View 1 Replies
Sep 8, 2009
I'm trying to setup a DataGrid that contains a column of combo boxes. The values of the combo boxes are defined by data specific to that row. I cannot get this to work though, I'm asking for a solution to this, either fixing what I have below or a recommendation on a different way.One of the columns of my DataGrid has an object derived from a ComboBox for an ItemEditor. The itemEditor is set like this:
<mx:DataGridColumn editorDataField="selectedItem" dataField="type" editable="true" >
<mx:itemEditor>
<mx:Component>
[code].....
View 1 Replies
Nov 10, 2011
I have been able to disable tabs in a tab bar using the following tutorial.
[URL]
This only works for mx tabbar. Does anyone know how to do this for a spark tabbar? I prefer the lnf of the spark one. When I try it with a spark tab bar it just disables the viewstack of the tab and not the actual tab. An alternative solution may just be to make the mx tab bar look like a spark toolbar with the rounded edges.
View 1 Replies
Mar 29, 2012
I want to listen both click and double click events for advanced data grid in flex. I have given double click enabled true and written the function in itemdoubleclick but only click is working but not itemdoubleclick
View 1 Replies
Dec 22, 2009
I want the comboBox to be placed in one of the columns of the datagrid header.The datagrid should be filtered according to the value selected in the comboBox.e.
View 1 Replies
Jan 26, 2010
If my ComboBox is editable how can I tell if a change event comes from a change to the TextInput or a change in the selectedIndex of the drop down?
Is there a way to check for this in the event object?
View 1 Replies
Aug 7, 2009
I'm using Flash CS3 and want to create a custom ComboBox. I've followed the steps outlined in "Editing component skins in a new document" (http:/[url]...), but every time I get to the step where I drag the ComboBox Assets folder from the HaloTheme.fla library into my library, if I test movie at that point my combobox has become an unclickable white rectangle with no label, button or anything.
View 2 Replies
Dec 8, 2008
**Warning** The linkage identifier 'ComboBox' was already assigned to the symbol 'ComboBox', and cannot be assigned to the symbol 'GUI MC/Combo Boxes/abc', since linkage identifiers must be unique.**Warning** The linkage identifier 'ComboBox' was already assigned to the symbol 'ComboBox', and cannot be assigned to the symbol 'GUI MC/Combo Boxes/def', since linkage identifiers must be unique.
Both of my ComboBoxes has the same identifier.I could not change the identifier through the properties tab because it is greyed out.
View 5 Replies
