On creation complete my parent component executes an "init" function which simply sets public bindable variables in child components. I'd like the child components to watch these variables and upon being set use them. However, for some reason the ChangeWatcher is not firing with the change of the variable. Below is my code;
Parent Component
private function init():void
{
userInfo.user = new User("Tom");
[Code]....
I am working on a product options form whose contents should be cleared by a clearOptions() method each time the user adds an option. The option name TextInput is bound to a value object that is reinstantiated each time the the user adds a product option. The problem I am having is that the StringValidator fires each time the bound value object is reinstantiated.
[Code]...
I've got a class like this:
class Foo extends UIComponent {
var someDispatcher:*;
...
}
And I want to listen for events fired by someDispatcher... But, of course, someDispatcher may not be bound until "later":
<components:Foo someDispatcher="{someOtherComponent}" />
What's the best way to listen for events from someDispatcher?I know I could bind to someDispatcher, then wire up the event handlers when it's updated... Or I could use getters/setters...
I've got a class like this:
class Foo extends UIComponent {
var someDispatcher:*;
...
[code].....
I am using the flex datagrid to allow the user to edit some data. My update process relies on a CollectionEvent of type update. Basically I catch this event package the values and update the database. However, if the user edits a cell then moves to edit a cell in the same row the value is updated but a collection event is not fired. Only when clicking out of the row the event is fired. Has anyone had experience with this. I have heard the datagrid is a little quirky is this one of those quirks or am I doing this all wrong?
View 1 RepliesCan we put [Bindable] on functions/methods? I know that bindable is used to change the value of the source property to destination property. But not sure if we can use that for methods. why we cannot put/ if we can then what will be the outcome?
View 1 RepliesSo I had a requirement to add an undo function to my app and I discovered this nifty ChangeWatcher class, but it's not doing exactly what I want and I'm hoping someone knows how.ChangeWatcher seems to monitor assignments to the variable reference. So when I say:
myXML = <xml/>
it fires off it's function just fine and dandy, but when I say: myXML.appendChild(thisOtherXMLVar)
I get nothing, even though the variable changes the reference doesn't so ChangeWatcher doesn't fire off the function.how to get ChangeWatcher to pick up on all changes to a variable?
I'm trying to implement a binding between some custom-built models and just beginning to dabble with the whole mx.binding.* collection. I tried this simple, stripped down example, but can't get the binding working correctly. Can somebody tell me where I'm going wrong?
[Code]...
I have a Number variable, named isConflict, whose value is passed in from a parent. I would like to put a ChangeWatcher on this item so that a function named changeBGColor will run whenever the value is changed. Within my creationComplete function of init, i have the following:
var isConflictWatch:ChangeWatcher = BindingUtils.bindSetter(changeBGColor, this, "isConflictChain");
I have a bindable getter in a component which informs me when a [hidden] timer is running. I also have a context menu which, if this timer is running, should disable one of the menu items.Is it possible to create a ChangeWatcher which watches for the negative condition of a bindable property/getter and changes the enabled property of the menu item?Class B:[code]In the code above, I have the inverse case: when isPlaying() is true, the menu item is enabled; I want it to only be enabled when the condition is false.[code]
View 1 RepliesLet's say I have about 100+ buttons. They all have the same label. Now I want to change the label for all with a click. I could give them IDs and then run a for loop, but I'm searching for a neater solution.[code]...
View 2 RepliesI have a custom component on which I have bound an array collection to one of its proeprties: <comp:MyComp id="comp" prop="{images}" /> images is an arraycollection In the components' code I would like to know which event to listen on everytime images updates props. I tried a setter on props but the setter only gets called once when props is first set. I tried the collection event but I get "Update" events sent on top of 'add' and 'remove' events and I would rather not have to manage those. So is there an event(flex or otherwise) that is fired every time a component property is updated by a bindable property?
View 1 RepliesI'm re-writing an MXML item renderer in pure AS. A problem I can't seem to get past is how to have each item renderer react to a change on a static property on the item renderer class. In the MXML version, I have the following binding set up on the itemenderer:instanceProperty=callInstanceFunction(ItemRenderer.staticProperty)What would be the equivalent way of setting this up in AS (using BindingUtils, I assume)?PDATE:So I thought the following wasn't working, but it appears as if Flex is suppressing errors thrown in the instanceFunction, making it appear as if the binding itself is bad. indingUtils.bindSetter(instanceFunction, ItemRenderer, "staticProperty");However, when instanceFunction is called, already initialized variables on the given instance are all null, which was the cause of the errors referenced above.
View 5 RepliesI am a newbie in Flex development and using Flash Builder 4 with SDK 4. Now I get the error that "the prefix "fx" for element "fx:Style" is not bound" in line number 4.I searched for it, and it has sth. to do with namespaces, but I can not solve it by myelf.I have the file called "UserStory.mxml" in the directory "components" to place it via the main.mxml onto the screen:
<fx:Script>
<![CDATA[
import components.UserStory;
[code]...
I have a window in which I want to add/remove component and resize the window accordingly based on states. but for some reason it's ignoring the first resize.here's a sample code
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]....
when the state change to 'two', I want to add rect2 to display and increase the minWidth and size of the window. And when the state change to 'one', i want to remove rect2 from display and resize the window. This seems to work except the window doesn't shrink on the very first time the state change from "two" to "one" but works as expected afterwards. I'm not sure why it's ignoring first time I reduce the width. I also tried changing nativeWindow.bounds directly but that didn't work either.
Originally I just tried setting minWidth based on state (minWidth.one="450 minWidth.two="791") but that caused window to grow on left and shrink on right which caused the window to move left whenever the state changed. so then I just moved the window to right whenever state changed but that caused some flicker that I didn't want.
I've got a component called Box.as that has following two properties, and have their getters & setters defined:
private var _busy:Boolean;
private var _errorMessage:String;
In MXML that uses this component I define it like this:
<components:Box skinClass="skins.components.BoxSkin"
busy="{presenter.boxBusy}"
errorMessage="{presenter.boxErrorMessage}"/>
Where presenter variable is defined here in MXML and a Presenter class has boxBusy and boxErrorMessage variables defined as bindable property change events:
[Bindable(event="propertyChange")]
function get boxBusy():Boolean;
function set boxBusy(value:Boolean):void;
[Code]....
PROBLEM is that whenever I change boxErrorMessage for the presenter, I see the affect in MXML but nothing happens at all when I change boxBusy. Is there something extra I need to do with boolean variable?
I have a prompt string to be displayed in my combobox - this needs to be displayed in italics. When user makes any selection from the list - i need to change the style of the displayed content.
My css file:
.promptStyle
{
fontStyle: italic;[code].....
I am able to see the style change happening because the color changes; but the change specific to textInputStyleName does not get applied.
How can I enable or disable a group of components in flex (flash builder 4)?
For example, if I have a window with several fields, I want to disable them based on the users permissions.
I know I can add the enabled="true" or "enabled="false", and I can also use enabled="{writeAccessVar}"
However, I am looking for more ideas, as I might have more than one group of fields on the screen, or more complicated user permissions.
For example, I will currently have one field with write access, the other fields on the screen read only for a certain user level.
For a higher level user, all fields are writable. Lower level, all are read-only.
I have a MovieClip Button, btn, made up of 2 MovieClips, sqrT and sqrB on top. sqrB is stopped at an empty frame. On Down, sqrB stops at a MovieClip frame, on Up, it goes back to the empty frame. On Click, it traces "Clicked!", but Click never fires. Why is this, and is there a way to make it work without using alpha?
Code:
btn.sqrT.gotoAndStop("square");
btn.sqrB.gotoAndStop("blank");
btn.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
[Code].....
Is the Change handler supposed to fire when setSelectedIndex() is called?
After adding a line of code to the Bike Trips example I found this problem. I added a button and the line to it:
on (click) {
_parent.cbTrips.setSelectedIndex(3);
}
My Example and
FLA
I want the bound data to change but it doesn't.
I have an mx:TileList which is bound to an ArrayCollection.I have some code that displays a "Loading..." message before modifying the ArracyCollection and some code after that hides the loading message.For small data sets, it works fine. However, I noticed with an array size of about 50~ and larger, flex will hide my loading message before the TileList is finished rendering the new data and I'm left with a blank screen for an odd second.Is there an event I can listen to that is called after the TileList is finished re-rendering? Code looks something like this:
loading_message.visible = true;
for each (var x:Object in new_data) {
tile_list_data.append(x); // bound to my_tile_list component[code]..........
In this example, loading_message appear, disappear, and then the flex app will lag before finally revealing the updated TileList.
I have a Numeric Stepper. If I click on the plus or minus my event will fire.
[Code]...
However, when my function changes the value based on a button press, the Numeric Stepper will update the number but it will not fire the CHANGE event.
[Code]...
I have an ArrayCollection bound to an editable DataGrid, another component needs to know when the ArrayCollection changes (as a result of changes in the DataGrid) so it can also update itself, so is listening to the COLLECTION_CHANGE event of the ArrayCollection.
The problem is that the DataGrid only updates the ArrayCollection when the row being edited losses focus. This is not good for my app as a user could edit a column on a row and not click elsewhere on the table for a long time (causing the row to lose fucus), therefore the changes won't have propagated to the other parts of the application.
How can I make the data grid inform the ArrayCollection of a change every time there is a keyup event on a text input instead of every time a row looses focus?
How can I cause numbers with no value to show up blank instead of NaN on forms?Let's say I have a User class with an optional weight (kgs) value, of type Number. If I edit a User in Flex I get the user object from the server and bind weightInput.text to user.weight. If weight is null on the server it will be translated to NaN in Flex, and then the value of weight in the edit form showes up as NaN. That is really inconvenient, as I would like it to just be blank if it has no value.
View 1 RepliesI get the webservice(spring WebService) response properly ,but the event.result object is null.I can see the SOAP response body in the event.message.body variable.
## Soap Response ##
<SOAP-ENV:Envelope xmlns:SOAP-ENV="http://schemas.xmlsoap.org/soap/envelope/">
<SOAP-ENV:Header/><SOAP-ENV:Body><getUserUserTasksResponse xmlns="http://ws.burr.com/BurWS/9_0">
<foundTasks>
[code]...
I have a datagrid with an xmlListCollection bound to it:
<mx:DataGrid id="dgCompetente" includeIn="Competente" x="10" y="66" width="547" height="468"
change="dgCompetente_changeHandler(event)" dataProvider="{colCompetente}"
editable="false">
[Code]......
I want the selectedIndex to remain the same. So, if I delete item 2, the next in the list should be selected. The problem is that if I delete item 2, item 3 will be selected and I have no idea why.
Can I use ChangeWatcher in flash actionscript code? I am testing the code below. It compiles without any error but 'doSomething' is never fired when buttons.left value changes.
import mx.binding.utils.*;
import flash.events.*;
import mx.events.PropertyChangeEvent;
[code]....
I am having problems with a ChangeWatcher.Everything seems to be set up correctly.The canWatch method returns true, the isWatching method returns true and if I query the return value of the getValue method I get the correct information, including changes. But for some reason the handler function just doesn't fire.
View 1 RepliesI'm new to Flex and am using TileList bound to an ArrayCollection. The array collection is empty at load time, and then updates with the results from am HTTPService call. The problem is that the item renderers aren't being rendered as expected, I'm guessing because there was no data when they were first rendered at load time. Here's simplified example:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
[code].....
I am having an issue with an actionscript event that I am firing every time a flex component resizes. In the event, I am altering the height of the flash object within its html wrapper via an external javascript function. This in turn causes the component to resize and the event to loop in upon itself and continually add height to the component.
[Code]...