ActionScript 3.0 :: Dynamically Binding Data In Control With Model
Feb 11, 2009
I have a class that converts external XML to various controls. The class makes a check to see what kind of control to use from the XML (Radio / Textinput / Date etc). and then adds it as a child of a form item, the form item is then added to the parent form and the loop is repeated until all nodes have been checked for controls. This work great. I would like to bind the data in the control with a data model but I'm not sure how to go about doing that.
I saw in the livedocs you can create models in MXML but I don't think this will work as the model will change depending on the XML as well as the items that are recorded. Another thought was to pack all the values into an array but I couldn't get this to work. If the array looks like a good idea I'd like to record 3 values within the array called 'answers' I'll post my code below...
ActionScript Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="[URL]" creationComplete="loadData()" verticalGap="1">
<mx:Script> <![CDATA[
import mx.events.FlexEvent;
import com.neph.vo.PatientVO;
[Code] .....
View 1 Replies
Similar Posts:
Nov 4, 2011
If user change the value of the TextInput, then click refresh button to retrieve the data model from backend again, the GUI value will not change back. Re-binding not happen, Since the value of data model not changed, no propertyChanged event fired.In this case, I must Programmatically set the model value to the GUI after data refreshing done.I know bi-directional binding can solve this problem(when user change value on GUI, set the new value to data model immediately). But sometimes I cannot use bi-directional binding, for example, the data model is a int, but user input a non-int value, I cannot set the value to data model. So the value in data model do not change, when refresh data, rebinding still not happen.
This will make the data binding useless. How to resolve this?I put pseudo-code here for now, I will put real code later:1. retrieve a data model from server, via blazeds or something else.2. bind the model to a TextInput on GUI.3. user change the TextInput text.4. User click a refresh button, triger retrieve the model value again.5. Now since the model value do not change, no PropertyChanged event fired.6. GUI value still is the user's input, not the value from the model. can clear the model value before set the velue back, make re-binding happen.(but sometimes you do not know how to clean the model value, take int for example, you may do not know the original value and happen set the same value). Or I can manually set the model value to GUI. But both are not good looking.
View 3 Replies
Feb 20, 2010
I have a main.mxml application that lays out my application, it contains a "browse and upload" button. And contains an image to view the users uploaded image like so:
<mx:Application
<mx:Script>
<![CDATA[
[Code].....
In my myModel class I have a img_scld_bm that the browseAndUpload() function draws into after scaling it.
My intent is that my mx:Image will display the image. As shown here I'm assigning the image source="mymodel.img_scld_bm", this ends up just showing a broken image icon.
I also tried data binding, where in my myModel class I have [Bindable] var img_scld_bm. And then tried setting my mx:Image source="{myModel.img_scld_bm}" .. that didn't seem to do anything either. All this compiles fine, no warnings. I think in this case, I'm not setting a trigger or propertyChange event to update the binding?
how to correctly bind an mx:Image source to some bitmap?
View 1 Replies
Sep 11, 2011
How can i control a collada model animations with papervision3D? And why everthing i find for papervision3D is 2008 or 2009 dated? is this library death?
View 1 Replies
May 5, 2010
I am trying to:
1) create a dynamic property
2) bind that property to a label
This works great for "sealed properties", but for dynamic properties there doesn't appear to be any event triggered. Are dynamic properties implicityly not bindable?
var myObj:MyType = new MyType(); // MyType is dynamic
myObj["myDynamicPropertyName"] = "initialized";
BindingUtils.bindProperty(myLabel, "data", myObj, repeatedLabel.name);
// myLabel now displays "initialized"
myObj["myDynamicPropertyName"] = "changed";
// myLabel still displays "initialized", it should say "changed" !!!
View 3 Replies
Nov 17, 2009
I have no success binding mxml control to AC3 object property. I'm new to AC3/Flex and assume my aproach is kinda "Javascript like" and might be completely wrong. Here's mxml (don't pay attention to mistypes/syntax errors):
HTML Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="[URL]" .... >
<mx:Script>
<![CDATA[
[Code] .....
View 0 Replies
Apr 26, 2011
My application uses fx tag in which it loads some xml. I want to create the xml name by binding, but I get an error that Data binding expressions not supported with attributes processed at compile time.
<fx:XML id="{xml_props}" />
<fx:XML id="{xml_props}" />
View 1 Replies
Oct 8, 2009
first one shows playheadtime of videodisplay and another is also used for same purpose. the difference is that when we are in add mode(decided from a flag variable) both should show current playheadtime using binding. but when we are in edit mode(again decided from flag) the latter label should remain static, to be more specific, the value retrived from database.how can I do that using actionscript. I tried ChangeWathcer but I found it a bit tricky. Is there any other simpler way or am I missing something. following is my code.
private function init():void
{
if (queFlag == 'a')
[code].....
View 2 Replies
May 3, 2010
I'm having some troubles with binding data. I have an application that contains a viewstack of components. Let's say I have comp1, comp2 and comp3 inside the viewstack. Each component, has its own data class --> comp1Data.as, comp2Data.as and comp3Data.as. All values in each component are binded to the corresponding data in it's data object.
A click in a control in comp1 leads to comp3, the same goes for comp2. Clicking a control in comp2 leads to comp3. When going from comp1 to comp3, comp3Data.as is initialized and and comp3 displays the binded values. When going from comp2 to comp3, comp3Data.as is also initialized but the binded values are not displayed...
[Code]...
View 1 Replies
Aug 20, 2010
I'd like to add a derived property to flex:[code]However, derived won't update when I change a or b.Is there a better (faster) way to make derived update than giving a and b setter methods which invalidate it?added keyword "get".This makes more sense now, I hope.
View 3 Replies
Jul 3, 2011
I have designed "the core" of the application i am working on ( it communication with the server, data processing, etc. ), and now i am a bit stuck on the User Interface, because i wish it to be specific, and probably different on the different platforms it goin to run on ( PC, tablet, gsm ).
My question basically is How to separate the "core" of the application, which must remain the same for all of the platforms, from the UI's which shall be very different applications ?
View 1 Replies
Dec 2, 2011
How to send to the skin some value which have changed?
View 1 Replies
Feb 27, 2012
Do flash 3D display engines such as Papervision allow data to be exported from the swf to a php back end and vice versa (PHP into model)? Does Unity allow for this?
If I was to build a simple 'change the colour of the model' application with a UI in a 3D package such as Papervision, could I then export the user choices to php or perhaps a javascript intermediary?
View 2 Replies
Jun 26, 2009
I want to load multiple players in my solution.Is there any problem if they have same data model with different instances names?
View 1 Replies
Nov 23, 2009
I need to bind a property to an edit control and have the control write its value back to the same property. The problem is, I'm setting the source value before the control is created:
<mx:Panel>
<mx:Script>
<![CDATA[
[Bindable] public var editedDocument: XML;
[code].....
View 6 Replies
Mar 30, 2010
I'm using Flex with Cairngorm framework.I have a custom component which I create like this:
<components:FriendSearchPaginator id="searchResultsPaginator"
paginationElement="{_model.findFriendsPaginationElement}"
visible="{_model.friendsSearchResultsPaginatorVisible}" />
Where the findFriendsPaginationElement is inside the model locator:
public var
[Bindable]
findFriendsPaginationElement:PaginationElement = new PaginationElement();
Inside the custom component I have button that uses a property of findFriendsPaginationElement object:
<s:Button id="previousButton"
label=" prev "
click="paginateSearchResults(false)"
enabled="{_model.findFriendsPaginationElement.more_previous}"/>
But I get a warning from Flex that the binding wouldn't work that way and it doesn't. It works the first time I load up the component but every time I change findFriendsPaginationElement it doesn't reflect on the component. Do you know how I can go about doing this? (making changing a value in the binding variable changes the status of an element inside a component?)
View 1 Replies
Jul 21, 2010
I'm binding two AutoCompleteModified objects to one another; meaning you type in one and it selects the correct object in the other. It works fine when I define it in MXML: However, a user can add a new row to a Grid and then I set up the binding and objects via actionscript and it gives an 'undefined' error:
ChangeWatcher line 427/wrapHandler.
var innerHBox:HBox = new HBox();
var dtc_acm:AutoCompleteModified = new AutoCompleteModified();
dtc_acm.dataProvider = data2;
dtc_acm.labelField = 'id';
var cp_acm:AutoCompleteModified = new AutoCompleteModified();
[Code] .....
If I only keep it 1-way binding then it works fine. But both throw this error. Is there something about not only doing it 2-way in actionscript, but adding components that aren't on the stage yet?
View 2 Replies
Oct 1, 2010
Does data binding work with the UITextField? Unfortunately, I'm getting the variable instead of the bound data.
[Bindable]
public var myString:String;
in a function, where tf is a UITextField:
myString = "blah blah blah";
blah blah...
tf.text="{myString}";
It's giving me {myString} instead of its data.
View 1 Replies
Mar 19, 2011
I have a bit of a problem (since I'm not used to binding with AS3), the thing is that I want to do this kind of data binding:
<mx:Application xmlns:mx="[URL]"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
[Code] .....
But the ComboBoxes are being created dynamically with AS3, everything is working except I cant bind the second ComboBox dataProvider to be the XMLList in the first ComboBox's selectedItem.
View 3 Replies
Jun 2, 2011
I love MXML but am starting to notice some of its drawbacks. The main one I'm struggling with is its larger memory usage due to the need for binding. In the super simple code snippet below, which I've tested on Flex 4.0[code]...
My main question: is there any way to set variables in MXML that doesn't eat up memory? I'm aware that I can do this explicitly in AS and keep MXML as a bare bone structure but was wondering if there was an alternative path.
Secondary question: why memory usage in c different from a and b? I've looked up at the intermediate code and it seems like the const case still sets up some binding logic but not as much and have been wondering why that is.
View 1 Replies
Dec 17, 2010
I feel like MVC misses a letter to describe the situation in a game. The model to me seems to consist of two distinct parts:
A group of vars that describe the current game state (these will have setters that send out events on change, and getters so that the view can access what changed)
The rules of the game that determine what happens once a certain input (i.e. shoot();) has been received by the controller (these will update the group of vars as deemed appropriate)
The view will exclusively be reading from 1 while the controller will be exclusively communicating with 2. This is why I make the distinction and want to divide them up into class1 and class2.
My questions:
I am unsure if I should be making this distinction, since I haven't seen it anywhere. If I should; should I make two separate classes, or should I extend class1 with class2? Finally, I am having trouble making sure that only class2 (and not the view) can change the variables in class1 (while still being able to send out an event when a value changes).
View 2 Replies
Feb 12, 2009
I'm new to FLEX.I've a requirement where i do have to load the data into Class Based Model(VO) from an Employee.xml which has got employeeName,departmentName,address & projectId tags.
View 0 Replies
May 2, 2007
how you set up data binding betweenDataSet and Tree component?
View 1 Replies
Apr 12, 2012
I have two Datagrid in flex. I am binding data from Datagrid1 to Datagrid2 like
(Datagrid2.dataProvider=Datagrid1.dataProvider as ArrayCollection;)
If I delete Datagrid2 data then automatically another Datagrid1 deleted .
So I don't want delete data in Datagrid1 . how can i do that , But I have other option for delete data to Datagrid1?
View 2 Replies
Sep 15, 2009
In Flex 3, I've created a ComboBox within an MXML component similar to the following:
<mx:ComboBox id="comboBox" dataProvider="{_choices}" />
<mx:Script> <![CDATA[
import mx.collections.ArrayCollection;
// etc...
public function get choices():ArrayCollection { return _choices; }
[Code] .....
In the parent MXML application, I'm modifying the contents of the choices property:
myComponentId.choices.removeAll();
myComponentId.choices.addItem({data: "NY", label: "New York"});
myComponentId.choices.addItem({data: "CA", label: "California"});
// etc...
The binding is working in that the ComboBox is automatically picking up the new contents added at runtime, however it is not adjusting its width. The initial width of the ComboBox is wide enough only to show the initial item "All" declared in the component. However, I want and would have expected the ComboBox to re-size automatically during binding to be able to show "California", but it isn't. How can I get the ComboBox to update its width after I have added new wider labels to its dataProvider?
View 4 Replies
Jun 8, 2011
class A: with a property "data:ArrayCollection". It's my data source (data provider) and has bitmaps.
class B: has an instance of A (called "Ainst") and calls the following method: C.init( Ainst.data). To pass the data provider to Object C.
class C: has a reference of the data provider "data" (because of "init" method). It shows the arrayCollection into Images as: Image.source = data.getItemAt(0).
But C never updates its images, that is, data binding doesn't work with this scheme. I've put [Bindable] meta-tag in all properties and even classes.
[Code]...
View 2 Replies
Jun 23, 2011
I have a somewhat complex parent/child hierarchy object that I need to display in a tree format that dynamically updates. To pass it into the tree as a dataprovider I convert the top level parent into an Array and then into an ArrayCollection. The problem there is if anything changes in the hierarchy the tree isn't dynamically updated unless I regenerate the dataprovider.
EDIT: I didn't have much code shown so I just tried to include the skeleton version of how everything is being used below, the tree works fine and even when I remove/add nodes the changes are evident but the vertical scroll bar isn't updated(doesn't resize) and if I scroll the tree will get out of whack and may display whitespace at the bottom of the tree where the item was just removed.
I tried just a plain bindable ArrayCollection test object with multiple levels and it updates properly so I think my tree is fine it's just how I'm trying to bind the dataprovider that I'm having the issues.
AS3 Class 1 - Object that can have plenty of child objects of itself by calling insertCustomObject()
public function CustomObject() {
}
public function insertCustomObject(customObject : CustomObject) : void {
[Code].....
View 1 Replies
Jul 5, 2011
How do you set the selectedColor of a colorpicker when you bind data from a database? I have a bindable variable, objProject, with a field called color and it has a color code such as #ff00ff in it. I want to set the selectedColor. I tried to cast the color as a uint, but no joy.
objProject = cmbProject.selectedItem;
c = uint(objProject.color);
<mx:ColorPicker id="graphColor" x="17" y="219" width="128" height="40"
selectedColor="{c}" editable="true" />
I did try selectedColor="{objProject.color}" and that didn't work either.
View 2 Replies
Jul 27, 2011
i'm using flash builder 4..i want to ask something..how to binding data to custom list component in flex??...i already try binding data from webservice to standard datagrid component in flex, and it's work perfectly...this is my code for binding to datagrid..
<mx:DataGrid includeIn="LobbyPage" x="30" y="319" id="dataGrid" creationComplete="dataGrid_creationCompleteHandler(event)" dataProvider="{TakeUserResult4.lastResult}">
[code]....
View 1 Replies
Dec 5, 2011
I'm trying to extend ButtonBarButton to include an additional label that shows the number of updates for the respective box in a viewstack (which is the tabbar's dataProvider).
I can get the additional label (named indicatorLabel) to read an initial value from data, but I can't get it to update automatically like the actual "label" attribute. My understanding was that you could bind to the data object, but that doesn't appear to be the case.
[Code]...
View 1 Replies
