Flex :: Override Default Handling Of Editable Lists?
Aug 5, 2011
I'm trying to override the default handling of the 'up' and 'down' keys for an editable list, such that when they are pressed a list entry that is being edited behaves as if the escape key has been pressed, but the 'selected item bar' moves up or down.
Here is my (simplified) component:
<?xml version="1.0" encoding="utf-8"?>
<mx:List xmlns:mx="[URL]"
enabled="true" width="100%" height="100%"
creationComplete="initialise()"
editable="true"
[Code] .....
For some reason this doesn't work: if a row is being edited, the first 'up' (or down) keypress ends the edit and moves the bar. Further up or down keypresses have no effect, but if you click somewhere near the list it does start working. This makes me think it is a focus issue. Weirdly, if you hit escape the edit finishes and you can move up and down correctly. If the 'callLater' line is uncommented to try and make the list retain focus, the bar initially moves in the direction of the keypress but then moves back again and re-edits the original line!
View 2 Replies
Similar Posts:
Mar 29, 2011
I am trying to override the default panel style on Flex 3.And the following doesn't work.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute" minWidth="955" minHeight="600"
creationComplete="init();">
[code]...
View 2 Replies
Jul 20, 2010
I have a videoplayer with a custom skin class. I want to override the functionality of the fullscreen button. When I add an click event, the player still goes into fullscreen mode. How can I prevent the fullscreen event from firing?
View 2 Replies
Feb 21, 2010
Does anyone know how to override default keys in Flash?
I want to implement a 'CTRL + L' shortcut, but it seems flash uses this as a default shortcut to display line number info in the output.
View 1 Replies
Aug 15, 2010
I always have a question about override custom event. I am not sure why or what do to inside override function. I searched google but didn't get too many feedbacks. EDIT: My projects seem work fine even though I use my custom event without override. Anyone could explain it?
View 2 Replies
Dec 4, 2009
I need to do something and I don't know if it's possible... in a proper way.
1 - I have an FULLSCREEN application that extends to two monitors in a Windows system.
2 - The graphic card is extending the single desktop to the two monitors, so the fullscreen fits everything correctly.
3 - Only one monitor is interactivity-enabled, with an interactive touch-sensitive foil on it, which works great.
4 - The second monitor is interactivity-disabled, it just displays stuff depending on what happens on the first monitor.
The Problem: The interactive foil on the interactivity-enabled monitor responds as if it is the *whole monitor*. But it only covers one monitor!! The *whole monitor*, are the two screens put together. I obviously can't cut the interactive foil in 2, and then stretch the two parts to fill a monitor each... So if one touches beyond 50% of the foil's width, the touch event will actually occur in the second monitor!
A fact for the solution is - if all Mouse Events occur with mouseX divided by 2, everything will work fine! How to make all Mouse Events's mouseX be divided by 2? Is there a way to do that in the core of the actionscript MouseEvents handling?
View 4 Replies
May 14, 2008
I'm building fairly simple item renderers, in fact, here's the code for one of them...
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
implements="mx.controls.listClasses.IListItemRenderer"
[Code].....
It's a really simple renderer that has an image and some text sitting next to it, or just the text if no image is in that item's data provider. There is also some basic rollover, rollout and click functionality...
So my question: Why is it that if my list needs to scroll it gets messed up? By "messed up" I mean that the text changes from being to the right of the image (when image is present) to moving over top of the image, as if it isn't realizing that the image is there. There's also sometimes an issue of the item renderer shrinking down so there is no longer anything even visible in the box (just some black with a grey border on the bottom about 5 - 10 pixels big...
I'm wondering if maybe my item renderer is too complex? I'm having the same issue with text working like that in another renderer, but no images, just text placed in certain positions (as well as some strage blue tints showing up at the top or bottom depending on how I am scrolling)
By the way... here is the MXML where I am initializing my list...
Code:
<mx:Canvas width="100%" height="100%" id="list">
<mx:List
width="100%"
[Code].....
View 1 Replies
Dec 22, 2010
I've got a Flex 3 website. Unfortunately, Google Webmaster Tools lists zero keywords for my site. My site's been up for about a month. I submitted a sitemap. I've put a description and keywords metatags in the HTML wrapper.Any advise on what else I should do? Does anyone have a Flex 3 site for which Google Webmaster Tools lists keywords?
View 2 Replies
Apr 10, 2012
I have several horizontal scrolling lists with differing item widths stacked inside a Vertical Group. On an item click all any selected item from the other lists will be cleared. When any of the lists are scrolled all the other lists should scroll exactly the same amount in the same direction, simalar to [URL]
The synced scrolling is throwing an undefined error and has crashed the adl(it is a mobile app) on one occasion. This happens only when I add more than 2 synced scrolling lists via event listeners.
So my question is: Can anyone see why this errors or is there a better way to achieve this type of horizontal scrolling multi-list, possibly a really wide data-grid or group of buttons inside a scroller?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
View 2 Replies
Aug 17, 2010
I'm trying to create a nested list in Flex which will dynamically resize to display all children when the data provider changes.
Here's a simplified example which illustrates the problem:
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Code].....
The list sizes remain static when items are added.
If I add variableRowHeight="true" to the outer list then the inner lists will correctly resize. But the outer list itself remains at a fixed size.
How can I have both lists resize automatically to display all children?
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
Sep 22, 2011
Users need to be able to paste the contents of an Excel spreadsheet into a grid in my flex application. I have implemented this using a TextArea with a change event handler that parses the text the the user pastes - splitting it up by newlines and tabs - and adding it to the ArrayCollection that is bound to the grid. However, it makes no sense for users to be able to manually enter text into the TextArea. How can I prevent them from doing so?
View 1 Replies
Apr 17, 2010
I realize that ItemFocusIn is somehow only applicable to editable datagrids in flex,nevertheless I want to fire an event anytime the user selects a new row in a non-editable datagrid. I have successfully used the CLICK event, but this event is not fired when the user uses the keyboard to select a different row in the datagrid. What do I have to do to cause an event to fire whenever the currently highlighted row in the datagrid changes, regardless of weather it was changed by the mouse or by the keyboard?
View 1 Replies
May 23, 2011
All i have a flex editable datagrid. By default if i press the left navigation arrow key , it moves to the left but not to the next cell. I would like to override the keydown event such that if the left navigation arrow key is pressed down i set the focus to the next cell on the left.
In short the user needs to be able to navigate using the keyboard through the cells using just like in excel(currently the arrow keys move between characters within a cell).
View 1 Replies
Aug 2, 2011
I am simply wanting to stop a user entering carriage returns in a TextArea. I have been experimenting with the 'restrict' property in the TextArea but cant seem to work it out.I have the following code:
<mx:Canvas id="cvs1" label="Panel 1" width="100%" height="100%" creationComplete"addEvtListnerOnPlaceText()" backgroundColor="#FFFFFF">
<mx:TextArea id="txtP1T1" x="10" y="176" text="{placeName}" width="210" textAlign="center" color="#DC0000" restrict="this is where I need some help"/>
</mx:Canvas>
I've now managed to get something working:
private function addEvtListnerOnPlaceText():void{
txtP1T1.addEventListener(KeyboardEvent.KEY_DOWN, onKeyEventDown);
txtP1T1.addEventListener(KeyboardEvent.KEY_UP, onKeyEventUp);
[code]....
The only issue now is that if you hold return down, it clears the first carriage return and then keeps adding as long as you hold it down. I need a way to stop this happening without just losing focus on the text area.
View 1 Replies
Dec 21, 2010
I have a datagrid in flex and i am making the datagrid as editable. I can able to edit it and enter the values. so far so good. Now my requirement was, i want to restrict the editable datagrid cell to some max chars like 10. I mean to say maxChars = 10, i want to restrict like this & i want to implement like this.
View 3 Replies
Aug 20, 2010
I am currently developing a dynamic LineChart in FLEX 4.I am implementing a Tree control next to my LineChart, which will filter the LineChart dataprovider and lineseries. The tree control has several branches and ultimately 5 children (leaf nodes) at the bottom of the last branch.I need the leaf node/children to be displayed as checkboxes inside the tree control.As I understand,this will require overrides in the TreeItemRenderer class.This is where I am a little confused on how to implement that.Currently I can distinguish between leaf and branches using this code, in my main MXML component.I added this because it may be helpful to some beginning FLEXdevelopers, such as myself, who cannot easily find this functionality documented well:
private function treeClick(e:ListEvent):void {
_selectedItem = Tree(e.currentTarget).selectedItem;
if(mainTree.dataDescriptor.isBranch(_selectedItem)) {[code].....
I am looking at the TreeItemRenderer override class from the following example here: In the example, they override the "createChildden" super function to add checkboxes to the tree control.My question is, can I override the createChildren function directly in my MXML component, and not have to use an entire class file to override this functionality? Must I re-invent the wheel to do this?Also, how can I distinguish that my treeItem is a leaf node and not a parent, in the override function? I only want to add checkboxes to the leaf nodes, how can I differentiate? The following example adds checkboxes to all branches and leaf nodes, but I want to add checkboxes only to leaf node/children. How would you approach that?
override protected function createChildren( ): void
{
super.createChildren( );[code]............
Here is my tree tag:
<mx:Tree id="mainTree" dataProvider="{treeData}" itemRenderer="TreeCheckBoxItemRenderer" labelField="@label" showRoot="false" width="100%" height="100%" itemClick="treeClick(event)" />
View 1 Replies
Apr 12, 2012
I'm using a Flex datagrid where only 1 rowItem is editable. All the other row items are non editable. When I edit the value of the row, and press ENTER or TAB the focus is send to the next editable item in the datagrid. In this case the editable field on the next datagrid row.
I don't want this standard behaviour... I don't want the focus to be processed to the next editable item. Since the data is saved instant, it's quite strange that the focus is given to the next field. The focus has to be remained on the item that was edited.
View 1 Replies
Jun 17, 2010
I have an editable datagrid, whenever I make a change it automatically gets saved. How can I disable this? So the changes gets saved only when I click on an external save button.
View 1 Replies
Mar 8, 2011
I have an editable datagrid. If sorting is applied by clicking any header of datagrid, it works fine. But after that, if data values are changed in any row of datagrid, sorting is applied automatically. How to prevent from this behaviour? i.e. sorting should only be applied if user clicks on any header of datagrid and sorting should not be applied when user modifies data in grid.
View 1 Replies
Jul 3, 2011
I have an advanced datagrid, but I want users to allow to copy some lines they want. when I use the property editable they are allowed to select the text they need, but they also are allowed to edit this. How can I prevent that?
I want users to be able to select any text in the datagrid, but they are not allowed to change the value of the grid. They should only be allowed to select and copy (ctrl + c).
View 2 Replies
Jun 19, 2010
filtering one list when an "Artist" is selected in the other..
I also want to play the next video when the "Next Video" button is selected..
Here is a link to an example with a few videos.. [URL]
View source is enabled so feel free to grab the code..
how to build this app step by step using Flash Catalyst and Flash BUilder..
Anyhow, I'm not just taking, I plan on giving back in a major way..
So if the "evangalists" aren't too busy with their datagrids showing the true power and ease of use that the Adobe Framework is capable of..
View 1 Replies
Jul 31, 2010
I have a Flex 3.2 application for which I am developing a custom style. Basically the first stylesheet gets applied first, and then my custom stylesheet. I am wondering how I can completely empty a value set in the first stylesheet with a value set in the second. The value has to be blank because if the horizontal-center value is set then any other positioning values are ignored.
Example
CSS1.css
.myButton {
[code].....
View 1 Replies
Mar 21, 2011
How do you scroll an editable TextArea (Flex Hero) on a touch device? I am referring to the situation where the text does not fit in the TextArea height.When I try to tap and drag the text gets selected and not scrolled... Am I missing a something here? I am using verticalScrollPolicy = on (also tried auto).I am testing the code in the Blackberry Playbook simulator (my targeted device for my app).
View 2 Replies
Jan 25, 2010
I have two datagrids and I want to override the behavior of the tab-key event, so that it goes to the next datagrid, when the cursor reaches the end of the first datagrid columns.
View 2 Replies
Feb 15, 2010
I've read in the flex developer guide that you sometimes need to override one of the lifecycle methods like: commitProperties and updateDisplayList but I've written a few flex apps without ever needing to implement them.when do I need to override them?
View 2 Replies
Apr 10, 2010
I'm watching this video, which is pretty goodhows how to inherit from DownloadProgressBar to create a customer preloader for your flex app.TheDownloadProgressBar class has an overridable getter for the property 'preloader.' Isn't this poor design? What does a property called preloader have anything to do with a class for a DownloadProgressBar
View 1 Replies
Jan 31, 2012
In flex charting you can customize the box which displays datatip information, but is there any easy way of changing the little circle which is displayed next to the datatip box?
http:[url].....
I've found the method positionDataTips() in ChartBase which appears to do the drawing of the circle. I was going to subclass LineChart and override the method with my modified version of it. However, this method needs access to a lot of private instance variables which are only accessible to ChartBase.
View 1 Replies
Sep 24, 2009
I trying here to avoid having to bind resources to all my components labels ( ie a button) and find a way to have this automated.
Problem: It corrupts the layout in design mode to bind directly in the mxml label="{resourceManager.getString('myResources', 'submit')}" and makes the design view useless. but when declaring bindings elsewhere, in actionScript or via a bind tag, it is counter productive and prone to many errors and miss.
Proposition: I would like to create my own button that automatically invoke resources to localize a button label. So the author puts "Submit" in the mxml description of my button, and when running it would take the value of the label ie "submit" and use resourceManager.getString('myResources', 'submit').
but I can't find the way to override the set label function, Is it possible if yes how? else how can I go about it?
Maybe I am missing an essential process here that would make the use of resources more elegant, as well as how to override such thing as a button's label.
View 1 Replies
Mar 10, 2010
I have an HTTPRequest in mxml that has an mx:request defined inside it. I use the info in the mxml request 99% of the time (I thought it was 100% until I found this bug). So I need to send the HTTPRequest with one of the items in the request different. I tried using the send() method and sending my own object, much like you would if no request was defined in the mxml, but it doesn't seem to override it.
Any ideas how I can accomplish this without re-writing every call to send this httpRequest?
View 1 Replies