ActionScript 3 :: List Drag And Drop And TextInput Focus Priority
Oct 31, 2011
I'm using a Spark List with a TextInput in the ItemRenderer, with ability for the user to reorder the list rows by drag'n'dropping them. This is how I declared the list :
<s:List id="list" left="245" top="119" width="667" height="433"
dragDrop="insertItem(event)" dragEnabled="true"
dragEnter="acceptDrop(event)"
dragComplete="finalizeDragAndMove(event)"
dragMoveEnabled="true" dropEnabled="true" focusAlpha="0"
skinClass="components.DataList_Campaign"
hasFocusableChildren="true" />
Everything works fine, except that it's impossible to select the text in the TextInput with the mouse, instead it's dragging the row...How can I set the TextInput to have priority over drag'n'drop ?
View 1 Replies
Similar Posts:
Jun 2, 2007
I'm looking for a way to drag names from a scrollable list and drop them into another area.From what I've read, it doesn't seem like I can use the List component if I want to achieve this, but I'm having trouble thinking of a way.Basically, I'm going to have a input text box that will be used to be populate the list. Then I would like the ability to drag the names from the list to a blank area.I was able to get it working with the input text box to populate the list, it was just the dragging part that caused me trouble.
View 12 Replies
Oct 10, 2010
I have a Spark List with a TileLayout. I want to enable moving itemRenderers around to be able to order items.
View 1 Replies
Oct 21, 2010
I have a List with an item renderer and would like to enable drag-and-drop onto the items in the list, rather than adding the data to the list. Is it possible to find the item that is being hovered over when dragging?
View 1 Replies
Jan 16, 2010
I have set up some lists (<mx:List>) in Flex... I have drag and drop working fine, in that I can move elements easily from list to list. For some reason though, my DragInitiator and the currentTarget of my event are the same... even though I am obviously moving from list to list... Does anyone have an example of a function that I can call on my "dragComplete" event that will tell me the current target which will give me the id of the List object I am dropping on?This is my current function which is always returning true...
Code:
private function _dropped(e:DragEvent):void
{
[code].....
View 2 Replies
Aug 8, 2011
I have two spark lists,backed up by Array Collections, both of which accept drag & drop either to move objects between them or to reorder within the lists. I have a method which is called on drop which resets some properties of the object to 0, this works as expected...
protected function list_dragDropHandler(event:DragEvent):void
{
if(event.action != DragManager.NONE)
{
[Code].....
What I would like to do is only call this method only when the objects are moved to another list, currently it is called when I reorder within the same list too
View 2 Replies
Feb 18, 2010
I am trying to implement a drag and drop function between a list control and a columnchart in Flex3. List items should, when dragged and dropped on the chart, be displayed raphically in the columnchart.Alas, dropping the listitems on the chart does not seem to result in a proper graph.Here my code till so far with regard to the drop part:
private function doDragDrop(event:DragEvent):void{
var ds:DragSource = event.dragSource;
var dropTarget:ChartBase=ChartBase(event.currentTarget);
[code]....
View 1 Replies
Jun 27, 2011
I just started using Flash Builder 4 (yesterday infact).
I have two lists and a canvas. When dropping a list item onto the canvas, i want to trace what item it is (the label and data) and which list it came from. From there, i want to add an image to the canvas according to the dropped item.
Here's my current code
private function componentDragEnterHandler(event:DragEvent):void {
DragManager.acceptDragDrop(Canvas(event.currentTarget));
DragManager.showFeedback( DragManager.COPY );
}
[Code].....
View 1 Replies
Aug 21, 2011
I'm creating an application where the user can select an object from a list of objects, and then put it on the main window.
I want to have the list of objects presented like in the web app : [URL]
The user can select a category, then the list of objects of that category is displayed, then he can drag and drop an object to the main window.
How is it possible to do this, having a list of objects?
View 0 Replies
Jul 21, 2011
I'm using drag and drop on a DataGrid to reorder items. However, when the user holds down Ctrl he can initiate a drag Copy operation. How can I disable copying altogether? (not just cancel the drop, but also prevent Ctrl + drag from showing the (+) icon)
View 2 Replies
Apr 14, 2009
[Code]...
1. If i select one and drop it to the next list, then i select two and drop. the value one must be replaced by two.
2. When i click on submit i need to get what value i have in the list.
3. I need to check whether its right or wrong.
View 1 Replies
Dec 21, 2009
I'm dragging from a TileList to a custom component. I want to know what is being dragged before I accept it. How do I set the "format" that is used for "event.dragSource.formats" in the DragEvent?
Edit for clarification: When you set "dragEnabled=true" on the TileList, it takes care of the drag source stuff, but it uses "items" as the format for the DragEvent. I'm looking for a way to have the TileList use the correct format.
View 2 Replies
Jul 23, 2010
I have a movie that has been working fine until FP10 (3 years plus ). The issue is that a textinput field only gets focus on the first load of the movie. Subsequent loads none of the text input fields get focus, even when stepping through the movie focus is not automatically set. Unless the cache is cleared and the movie reloaded from our website.
I can reproduce it over and over, by clearing the cache movie works, all loads afterwards textinput boxes do not get focus.
Same results in IE 8, FF3 and Chrome. All using the latest flash player 10,1,53,64
It suggests a timingcode loadexecute issue ... introduced in FP10, but how to get around it ?
I am just embarking on a rewrite in Flex but that is some way off yet and something as simple as setting focus to the next field to be filled in affects the user experience.
View 1 Replies
Dec 22, 2009
On my application I have a login form. On application start, I want the focus/selected one is set on the user id textinput. I tried normal setFocus method and didnt worked. How can i make it work?
View 1 Replies
Jan 31, 2010
I have a project where a big part of the UI a notebook, where the user enters text in a number of fields, for which it uses a series of TextInput components.Once the notebook is filled in the user switches to a screen where the inputs are disabled and they compare what they wrote to a 'model answer'.The problem is that the last TextInput to have focus at the time of disabling retains it - it appears disabled (greyed out etc) but if you type the letters appear in the field.I have tried variations on Selection.setFocus(null), and it seems that Selection.getFocus() returns null/undefined, but can still type into it. I can't select any of the other textfields, and clicking on other interactive elements - bottons etc doesn't seem to want to remove focus either.
UPDATE - Just to make sure there wasn't something crazy happening particular to this project, if I make a nude flash movie with a textInput and a button, then make the button set theTextInput.enabled = false, I can still type into the field. I can't see any way that's a feature.
View 2 Replies
Jul 29, 2010
In flex, I am using the following:
mx:TextInput mouseOver="tester(event)"
It works fine. My pointer goes over the textInput and it calls the function. But when I click inside the textInput to enter some text( focus is on the textInput) and then move the mouse (not taking mouse pointer outside of the boundary of textinput), the mouseover event is not trigerred.
If I use click event, then even if I am entering text ( or the focus is on the textinput) and then click, it will call the function.
How can I call the tester function on mouseover when the focus is on textInput?
View 1 Replies
Oct 10, 2011
I need to focus a the text input into the facebook login popup. I am usig a virtual keyboard to simulate a physical one, but when i click a key, the text input lose focus and the letter is not wrtitten into the field.I dont know how i could mantain the focus in the text input.
View 2 Replies
Apr 10, 2008
trying to remove the green focus highlight from the TextInput & TextArea fields in a form.
View 2 Replies
Jul 27, 2010
I'm trying to have a popup window with an immediately editable TextInput. This means that the user should be able to type inside the TextInput once the popup is displayed.
The problem is that I can't focus on the textInput. What happens is that when pressing a key for the first time, no text is inserted, only after a second key is pressed does the component gain focus and the user is able to type. For instance, typing "test" once the popup opened results in "est" being displayed...
For some reason the component only gains focus when the user explicitly clicks on it or types something. Programmaticaly setting the focus does not work.
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns="mog.miss.component.*" xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
[Code].....
View 3 Replies
Aug 24, 2011
How to "setStyle" and "disable focus" (remove the default blue line rectangle when focus) for "ALL" AS3 TextInput components?
View 1 Replies
Nov 17, 2011
I am trying to write a small piece of Actionscript that gives focus to a TextInput. The reason being, I don't want my user to have to click into the text field to see the cursor and start typing, it should just already be there.
View 1 Replies
Oct 29, 2011
I have a custom TextInput that listens for the FocusEvent.FOCUS_IN and FocusEvent.FOCUS_OUT events:
textDisplay.addEventListener(FocusEvent.FOCUS_IN, onFocusInHandler);
textDisplay.addEventListener(FocusEvent.FOCUS_OUT, onFocusOutHandler);
My onFocusInHandler function basically removes a "promptview" that tells the user to type in a value, with the onFocusOutHandler doing the opposite.
For example, if the TextInput text was backspaced to a blank value and the user clicks out of the TextInput box, it would show a "Please enter a value" light-gray prompt in the TextInput.
This works fine until the user clicks our custom "Clear" button. The clear button sets the text to "", and I can tell the FocusEvent.FOCUS_OUT is received because the prompt text is set to visible (its not being set anywhere else). The problem is, the cursor remains in the box as if it still has focus, so if the user immediately starts typing, both the prompt text "Please enter a value" and the user-entered text appears over the gray text, which looks pretty ugly and unreadable.
Why does the TextInput receive the FocusEvent.FOCUS_OUT event if it's not actually losing focus?
View 1 Replies
Jan 15, 2012
I have a mobile application that has a Text Input used for searching. Below the search TextInput is a StageWebView. When I set the source of the StageWebView using loadURL() the key input is shifted to the StageWebView. How can I prevent this?
View 2 Replies
Jul 23, 2009
I am a Flex newbie and I am testing a little application that simulates a cart. (It is based on a nice sample by Farata Systems' Yakov Fain).Note: I am using the beta of Flash Builder 4 to code the application.Here you have a link to the screenshot:Screenshot(Sorry I can't insert the image of the screenshot right here since stackoverflow doesn't allow new users to use image tags.)The application is very simple. You type a product in the TextInput control and then click on the "Add to cart" button to add it to the "cart" which is represented by the TextArea at the bottom.
That works ok.The problem is that I also want the user to be able to keep adding items to the cart without having to click on the "Add to cart" button. So, I added code to handle the enter event of the Textput by calling the same handler function triggered by the "Add to cart" Click event.If you type some content and then click the "Add to cart" button, the TextInput control receives the focus and the cursor, so you can type again.
However, if you hit enter, instead of clicking the button, the TextInput control keeps focused and you can see the cursor beam, but you can not enter text until you click elsewhere and come back to the control.Below you can see the relevant part of the code, with the definition of the component that groups the three controls at the top (Label, TextInput, Button).
<?xml version="1.0" encoding="utf-8"?>
<fx:Script>
<![CDATA[
[code]........
View 3 Replies
Jun 11, 2009
I have having a problem in my flex/air application, in which when the left mouse button is clicked on a TextInput the focus is stolen by the parent. So in more detail I have an hierarchy as follows...
[Code]...
View 2 Replies
Feb 20, 2012
I'm working on a simple auto complete function for my Flex mobile app. For that I've got a CalloutButton that triggers a Callout.The Callout holds some lists from which the user can select items. On item select, the callout gets closed (calloutButton.closeDropDown())The very same behavior is done for a TextInput. The user inputs text, the callout opens and according to the entered text, the lists change. Works fine so far. Now, when the user selects an item from any of the lists, the callout closes. Also fine.Now the issue, after the callout is closed, the TextInput automatically regains focus.On a mobile device this is more than disturbing.
I narrowed this behavior down to the mobile TextInput skin spark.skins.mobile.TextInputSkin) since a TextInput without this skin class doesn't show this behavior.Now you might say just use the default skin instead but unfortunately I can't. The default skin has a bug with Android devices that doesn't pass though the enter event. That I could live with since I'n not necessarily dependent on the enter event, however, the spark mobile skin allows be to continue entering text in the TextInput even after the callout has been opened, which is desperately needed as the lists change according to the entered text.I can't provide any code as the problem has been narrowed down to the skinClass, thus should not be in my own code. Believe me, I tried every nice and not so nice method to prevent the TextInput from getting focus again, but nothing worked.
Edit:Below the steps of my application's behaviour. (to be fair, the workflow inside the callout is a little more complex, I'm working with several lists and a SplitViewNavigator here (thus can't use the Flextras autocomplete), but that doesn't affect the TextInput focus issue I'm facing).ter text in TextInputOn key change a Callout with two Lists is opened.The first List receives results according to the entered text from a webserviceUser selects item from listSecond list receives results according to selection from first list from webservice User selects item on second listCallout closes
View 1 Replies
Jan 6, 2010
I'm trying to make a simulation where a person can drag 2 different objects to any 4 predefined targets on the stage. Based on the position of the 2 objects there will be a different output text. I hope I described that clearly. I would also like the 2 objects to snap to the 4 targets. Im very new to AS. Im starting to be able to read it a bit but still can not wright it.
View 9 Replies
Mar 10, 2011
Release to Drop NOT WORKING on drag and drop? Or is it something else?Can be seen here:
[URL]
Code:
var origX:Number;
var origY:Number;
for(var i:uint=1; i<6; i++){
this["choice_"+String(i)].buttonMode = true;
[code]....
View 3 Replies
May 11, 2005
i want to make flash drag a ball onpress and if its onrelease and if its on the Suquare movieclip it should stop draggin. my code is like this
[Code]...
View 2 Replies
Nov 13, 2010
I want to have an image and when I click on the image ,one can hold down the mouse and drag a copy to where ever on the stage and when one lets go, one can drag another and another with each copy still being able to be dragged after released.this is what i have but its pretty simple and doesn't work....
stage.addEventListener(MouseEvent.MOUSE_DOWN,makeA Box);
var i:Number = 1; //i will be the total number of boxes
var newBox:myMC = new myMC();[code]....
View 3 Replies
