Flex :: Databinding Array To Canvas As Objects General Client Architecture?
May 27, 2009
I have creating a distributed note taking application in flex, it basically is a notepad I can keep in my desktop tray. When I add notes and goes back to a server and saves it in a database.
To am struggling to design the application correctly, I want to have a Syncing service that polls the webserver for changes and updates an Array of Note objects. The problem is that my note corresponds mxml component, aka SingleNote component. There are four different cases when being, a. a note is updated from the server poll, in that case I want to singlenote to update the settings b. a note is added to the array from the server, in that case a new SingleNote needs to be created c. a SingleNote is added from client, in that case a Note is added to array, and sent back to server d. a SingleNote is change from client, in that case the Note is updated in the array and sent back to server
I'm trying to make a copy of an array filled with Canvas objects. I use this code:
arCopy = ObjectUtil.copy(myClass.myArray) as Array;
What I get is an array arCopy filled with Objects instead of Canvas. Each of these Objects has propersties suggesting that it was Canvas (like uid="Canvas333" or name="Canvas333"), but it's instance of Object class. I've been using ObjectUtil.copy() before but never seen such behaviour.
I built a prototype in Adobe Flex, they (customers) liked it. Everything was fine until they later told me that iPads / iOS needs to be supported too.I checked out Adobe's Packager for iPhone. We're evaluating that and we will know if it works out in a couple of days. (We need to get through Apple's red tape and certificates raj so this angle is delayed by a few days!)
There is a growing voice for using HTML5/Canvas as a technology platform itself. And despite being quite proficient in Flex, I think this makes sense.
I'm in need of a HTML5 library that can:
Render "widgets" i.e. containers with forms and components(this should be easy and possible using POHJC - Plain old HTML,JavaScript and CSS )Provide a Tree like control for laying out some data Provide a Canvas where data structures can be represented as basic shapes Provide drag and drop capabilities between Trees, Buttons and Canvas Provide some sort of Tab Navigator container (I guess JQuery works here) Interact with back-end services (JSON/XML calls will be okay, but mapping directly with back-end entities will be awesome!)Renders on latest versions of major browsers, Android OS and iOS (WebKit for mobile?)
I'm ready to give JQuery & JQuery UI a try. I looked at Sencha / ExtJS but it seems we need to maintain two code bases one for normal browsers and the other for mobiles (is that correct?)Single code base, I don't want to suggest to them that multiple code bases for the client need to be maintained. That's a last resort option and would lead to complete ruling out of HTML5 with Flash apps and native apps being developed.Canvas capabilities - I don't want to work with raw canvas and shape tags. This too is a last resort option. Is there any abstraction available?
I have been asked to design an LCD wall application for a display like the one in this ad. Requirements are that the wall can display full screen video or partition the wall in different sections to display multiple video or images and video. I would like to understand what platform can be used to drive such beasts (what OS? what video card?). I wonder what software platform can drive multimedia on such a scale. Html5 + JavaScript would be OK on a single monitor, but on that scale would it slow down? Flash also is an interesting platform, as it is Air, but, once again, can it scale like that?
I am also considering the server architecture that is needed to drive a set of walls in the same location and the slideshow designer to create storyboards, but this is dependent on what client architecture will be embraced.
I want to have a canvas with some "floating" property. Basically when I add child to it, the child should float at the top. When I add the second child, it should float above the previous one. For example the canvas width is 100, and I have two VideoDisplay with width 100 and height 75.
canvas.addChild(video0); // Or canvas.addChildAt(video0, 0); // video0 should be at x=0 and y=0 canvas.addChild(video1); // Or canvas.addChildAt(video1, 1); // video1 should be at x=0 and y=0, while video0 x=0 and y=75
Flex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
I have a service which returns an Array of ObjectProxy objects. I would like to cast this to a custom object (a value object) and create an ArrayCollection. How can I do this?ited:I am using Django and PyAMF for the backend. I had to write a custom SQL query and I am wrapping the resulting records in ObjectProxy and sending the whole result as an ArrayCollection.Here is my client side code:
[ArrayElementType("SessionVO")] [Bindable] private var _list:ArrayCollection;
I was wondering if it is possible to do custom serialization of Arrays/ArrayCollections in as3 via amf. To be more specific, i want to be able to pool objects on the client so that im not instantiating new objects every time i make a RemoteObject call. I tried using IExternalizable but that only lets me serialize the objects myself not instantiate them. The flash player is still instantiating objects itself and them letting me set the object state via readExternal.
When the Flex SDK converts MXML to actionscript it generates a lot of databinding code. I don't want to bind a variable, for example if I know the variable will not change.
I can't seem to find a work around in Flex to disable the autogenerated databinding. Also, I was hoping this might also help with some of the runtime warnings thrown by databinding. To get around them, I sometimes use the following, which only throws syntax warnings (and don't appear in my console at runtime).
Syntax warning: Data binding will not be able to detect changes when using square bracket operator.
the new TextInput component which uses stagetext on 4.6 has this issue where if you bind a variable on it e.g view1...
and i push a new view e.g view2, and pop it, hence reloading view1. on initial load, I can see that the textinput display the variable abruptly then the text vanishes afterwards..
I'd like to note that the variable is a stored data, and can be access on any view.
The help page on the BindUtils.bindProperty function:url...Has this to say:"For example, to bind the property host.a.b.c, call the method as: bindProperty(host, ["a","b","c"], ...)." But what if I need to bind to host.a.b[2].c? How do I do that?
I have an arrayCollection with strings in them, is there some way I can databind a RadioButtonGroup to the array collection? As we can do for combo boxes [code]There is no RadioButtonGroup.dataprovider property.
I need to dynamically bind properties of components created at runtime. In this particular case please assume I need to use bindProperty. I don't quite understand why the following simplistic test is failing (see code). When I click the button, the label text does not change. I realize that there are simpler ways to go about this particular example using traditional non-dynamic binding, but I need to understand it in terms of using bindProperty.
well, I have a combobox which I have bind his selectedItem property to a value object object, like this
<fx:Binding source="styles_cb.selectedItem.toString()" destination="_uniform.style"/> <fx:Declarations> <fx:XML id="config_xml" xmlns="" source="config.xml" /> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations>
the value object is a custom class with some setters and getters, and I want to set a property based of the value of the selectedItem of the combo, so inside the value object I have something like this
[Bindable] public function set style(value:String):void { _style = value; trace(value); }
my problem is that each time I change the combobox selection which in fact change the style property of the value object it does it 3 times, if I trace the value of the setter it actually do the trace 3 times, why?? how can I avoid this? I'm doing something wrong? or there is a better way to do it,
I'm trying to set up a form that presents a combobox when an ArrayCollection it's bound to has several items, and doesn't present one when it's empty or only has one item. I've tried doing this by creating this class, but unfortunately, the data provider I've bound to is never not empty at the time the setter executes.
public class ComboboxOrFail extends ComboBox { public function ComboboxOrFail() {
I have started learning flex 4 and I got myself thinking about how to change views. So I have a question what do people usually use - states or views (ViewStack). The type of web application I am making, can use both, but what do developers use in big projects or maybe they use non of the mentioned before?[code]...Best view architecture in it?
I have a mobile application that I want to try and reorganize so that it's easier to read and update and follows better practice.I want to implement an MVC pattern, but I'm getting a little tripped up on getting there. I'm just hoping for some help with rebuilding the architecture. Here's the outline of my application:
Level1) MainView has a column of 5 buttons that when clicked lead to View1, View2, View3, View4 or View5.
Level2) Each of these views is the same: a list, but each is populated with different data. Selecting an item brings the user to another set of views SubView1 - 20. that each are again populated with a list.
Level3) However, any selection made on a List in a SubView leads to a view that is always the same for all selection paths - but is populated with different data. Basically a button, another list, a text input and a textarea.
From what I gather, I should be able to use a lot less files and achieve something of the same result:The model being a single class for data? The controller being a class or that controls the business logic, and a view that calls the controller?
I've got a Flex 3 website. I set-up adBrite in an iFrame to serve ads, and it works fine. I've got 2 ad zones in 2 iFrames. My problem is that as Flex has a "pageless" architecture, I only get credit for one hit even if the user clicks every button on the site. In short, I get one pageview instead of several. adBrite said that if I can figure out a way to refresh the ads when the user selects a new item in my navigation menu, they're cool with it. They suggested just refreshing the whole app.
I am actually in the process of Architectural of our project. We have choosen Mate framework. The project is not so quite complex, but what advantages i would get over MXML when i choose Modules.
Main App - > Views - > Events - > Maps - > Services [PHP or Java]
When i come up with Modules based Architecture, it seems to be good but i doubt it should not end up with tight coupling and unwanted issues which may break the head later to solve.
Main APP - > Modules - > Module Interface -> Events - > Maps - > Services [PHP or Java]
What advantages i do get if i choose Modules over MXML Component? What is the prefered and the best way to Architect an FlexApplication? Since the Application is going to communicate with Backend, do we need to make the frontend more complex?
I developing an AIR application in Flex that would be dealing with playing different SWFs. I am finding some issues as these SWFs that I am playing are heavy. I find that the animation is not smooth and is causing the graph of CPU usage to go high (my be because single thread architecture of Flex). I am therefore planning to have a multi process architecture for my application. Something like Google Chrome. I have one main application as one process and other SWFs would be playing in separate process but should be seen inside the main application window. How to make it possible in Flex?
When the dataProvider for an DataGrid is an array of objects, how do I set each column's dataField to a property of the object.I have an ArrayCollection (say a) where each item is an objectFor example a[i] = data:ObjectWhere the object data has some subproperties - data.name, data.title, data.content etc.I have a DataGrid in which I want to display this data.So I put:
