Spark datagrid - access Editors data
Is it possible to access item Editor's data from the outside of the datagrid?
Thanks
DataGrid has an "itemEditorInstance" property for the current active editor. If it's a GridItemEditor, it has a data property. So you can access it like this:
var editor:GridItemEditor = dataGrid.itemEditorInstance as GridItemEditor
if (editor)
data = editor.data;
Similar Messages
-
Spark datagrid item editor font see through
I am using a default item editor on a spark datagrid.
When the user attempts to edit the field the old value shows through.
How do I get rid of this?
I am using out of the box stuff? Is this a listed bug?
Code is...
<s:GridColumn dataField="Actual" headerText="Actual" width="75" editable="true">
<s:itemRenderer>
<fx:Component>
<s:DefaultGridItemRenderer textAlign="right" background="true" backgroundColor="#FFFFFF" alpha="1.0" color="#000000" />
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
Thanks
Dan PrideTry <s:DefaultGridItemEditor if you are wanting to make it editable.
here is an example of combobox, but it is similiar ....
<s:itemEditor>
<fx:Component>
<s:ComboBoxGridItemEditor >
<s:dataProvider>
<s:ArrayList>
<fx:String>Edit</fx:String>
<fx:String>Read</fx:String>
</s:ArrayList>
</s:dataProvider>
</s:ComboBoxGridItemEditor>
</fx:Component>
</s:itemEditor>
Don -
Best way to mark data that has changed when it is edited in a spark datagrid?
I am not sure if this is the best way to mark data that has changed (isModifiedClientSide ) when it is edited in a spark datagrid:
<GridColumn width="140" headerText="Margin "dataField="margin" editable="false" editable.editMode="true" >
<itemRenderer>
<fx:Component>
<DefaultGridItemRenderer textAlign="right" background="true" backgroundColor="#ffffff" alpha="1.0" color="#000000" >
<focusOut>
<![CDATA[
this.data.isModifiedClientSide = 1;
]]>
</focusOut>
</DefaultGridItemRenderer>
</fx:Component>
</itemRenderer>
</GridColumn>I tried this but the value commit doesnt't get fired bro:
<GridColumn width="140" headerText="Margin (disabled)" headerText.editMode="Margin (editing)" dataField="margin" editable="false" editable.editMode="true" >
<itemEditor>
<fx:Component>
<DefaultGridItemEditor>
<valueCommit>
<![CDATA[
this.data.isModifiedClientSide = 1;
]]>
</valueCommit>
</DefaultGridItemEditor>
</fx:Component>
</itemEditor>
</GridColumn>
what do you think? -
Spark DataGrid - Data Truncate
HI,
We need to display huge data in spark datagrid cell. We need to truncate the date by having dot dot dot and show all teh data in the tool tip.
This is the last column of the datagrid. Any idea how it has to be done ?
Thanks,
ShwetaThis is what I would do instead of truncating.
<s:GridColumn dataField="contractExp" width="90" headerText="Expires">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer >
<s:Label top="10" horizontalCenter="0" toolTip="{data.contractExp}" text="{(data.contractExp.getMonth()+1).toString() +
'/'+ data.contractExp.getDate()+ '/'+ data.contractExp.getFullYear()}"
/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
Don -
Spark datagrid custom griditemeditor popup issue.
I have griditemrenderer and griditemeditor for a spark datagrid column. As I have some functionality to be implemented in renderer and editor, I have created custom renderer and editor as follows;
MyEditor.as
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemEditor xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
left="0" right="0" top="0" bottom="0" clipAndEnableScrolling="true"
focusEnabled="true" focusIn="{re.setFocus()}" hasFocusableChildren="true">
<fx:Script>
<![CDATA[
override public function prepare():void{
if(data!=null)
re.text = data[column.dataField];
]]>
</fx:Script>
<mx:HBox width="100%" height="100%">
<s:RichEditableText id="re" width="100%" height="100%" editable="true">
</s:RichEditableText>
</mx:HBox>
</s:GridItemEditor>
MyRenderer.as
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
<fx:Script>
<![CDATA[
override public function prepare(hasBeenRecycled:Boolean):void{
if(data!=null)
rTxt.text = data[column.dataField];
]]>
</fx:Script>
<s:RichText id="rTxt" left="7" top="7" >
</s:RichText>
</s:GridItemRenderer>
Following datagrid uses these;
The problem is that when i am trying to edit the cell, the griditemeditor pops up above the griditemrenderer. I want that editor should come instead renderer place when editing cell, it should not popup. I can not use inline renderer and editor as i have lot of functionality in that.
Please let me know if any solution.
Thanks..The datagrid code is as following;
<?xml version="1.0" encoding="utf-8"?>
<s:DataGrid xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="100%" height="100%" editable="true">
<s:columns>
<s:ArrayCollection>
<s:GridColumn dataField="name" editable="false"
headerText="Name">
</s:GridColumn>
<s:GridColumn dataField="info" editable="true"
headerText="Info"
itemEditor="MyEditor"
itemRenderer="MyRenderer">
</s:GridColumn>
</s:ArrayCollection>
</s:columns>
</s:DataGrid>
Please suggest if any solution. -
Overriding Spark DataGrid item renderer's prepare method - renderer's child is initially null
I am currently using the 4.12.0 SDK. I have a Spark DataGrid setup that makes use of an externally-defined itemRenderer:
<s:DataGrid id="dgEquipment"
width="100%" height="100%"
doubleClickEnabled="true"
creationComplete="init()" doubleClick="popTab(event)">
<s:columns>
<s:ArrayList>
<s:GridColumn itemRenderer="renderers.equipment.IconRenderer"
dataField="EXISTING"
width="22"/>
The data provider is set programmatically after a remote call has returned a result.
I have the renderer setup as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
dataChange="init()" remove="dispose()">
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.controls.Menu;
import mx.events.MenuEvent;
import spark.components.DataGrid;
[Bindable]
[Embed(source="../../../assets/images/Icon 1.png")]
private var ico1:Class;
[Bindable]
[Embed(source="../../../assets/images/Icon 2.png")]
private var ico2:Class;
[Bindable]
[Embed(source="../../../assets/images/Icon 3.png")]
private var ico3:Class;
private var isExisting:Boolean;
private var popUp:Menu;
private function init():void
if (data)
isExisting = data.EXISTING == 1;
private function dispose():void
if (popUp)
popUp.removeEventListener(MenuEvent.ITEM_CLICK, popUp_click);
popUp = null;
if (imgActions)
imgActions.removeEventListener(MouseEvent.CLICK, image_click);
imgActions = null;
override public function prepare(hasBeenRecycled:Boolean):void
if (data)
if ((data.TYPE == "A" || data.TYPE == "B") && !data.X && !data.Y)
disableLink();
imgActions.source = ico3;
imgActions.toolTip = "Blah blah.";
else if (data.TYPE == "C" || data.TYPE == "D")
disableLink();
else if (isExisting)
imgActions.source = ico1; //****************************** imgActions.toolTip = "More blah blah.";
imgActions.addEventListener(MouseEvent.CLICK, image_click);
else
imgActions.source = ico2;
imgActions.addEventListener(MouseEvent.CLICK, image_click);
imgActions.toolTip = "Even more blah blah.";
initPopUp();
private function initPopUp():void
private function popUp_click(event:MenuEvent):void
private function image_click(event:MouseEvent):void
private function disableLink():void
]]>
</fx:Script>
<s:Image id="imgActions"
height="18" width="18"/>
</s:GridItemRenderer>
When the code reaches the line where I have added a comment full of asterisks, I get the following error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at renderers.equipment::IconRenderer/prepare()[C:\…\renderers\equipment\IconRenderer.mxml:81 ]
at spark.components.gridClasses::GridViewLayout/initializeItemRenderer()[/Users/justinmclean /Documents/ApacheFlex4.12.0/frameworks/projects/spark/src/spark/components/gridClasses/Gri dViewLayout.as:1808]
at spark.components.gridClasses::GridViewLayout/createTypicalItemRenderer()[/Users/justinmcl ean/Documents/ApacheFlex4.12.0/frameworks/projects/spark/src/spark/components/gridClasses/ GridViewLayout.as:1243]
at spark.components.gridClasses::GridViewLayout/updateTypicalCellSizes()[/Users/justinmclean /Documents/ApacheFlex4.12.0/frameworks/projects/spark/src/spark/components/gridClasses/Gri dViewLayout.as:1374]
at spark.components.gridClasses::GridViewLayout/measure()[/Users/justinmclean/Documents/Apac heFlex4.12.0/frameworks/projects/spark/src/spark/components/gridClasses/GridViewLayout.as: 875]
at spark.components.supportClasses::GroupBase/measure()[/Users/justinmclean/Documents/Apache Flex4.12.0/frameworks/projects/spark/src/spark/components/supportClasses/GroupBase.as:1156 ]
at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::measureSizes()[/Users/justinmclean/Documents/ApacheFlex4.12.0/frameworks/projects/framework/src/mx/cor e/UIComponent.as:9038]
at mx.core::UIComponent/validateSize()[/Users/justinmclean/Documents/ApacheFlex4.12.0/framew orks/projects/framework/src/mx/core/UIComponent.as:8962]
at spark.components::Group/validateSize()[/Users/justinmclean/Documents/ApacheFlex4.12.0/fra meworks/projects/spark/src/spark/components/Group.as:1074]
at mx.managers::LayoutManager/validateSize()[/Users/justinmclean/Documents/ApacheFlex4.12.0/ frameworks/projects/framework/src/mx/managers/LayoutManager.as:673]
at mx.managers::LayoutManager/doPhasedInstantiation()[/Users/justinmclean/Documents/ApacheFl ex4.12.0/frameworks/projects/framework/src/mx/managers/LayoutManager.as:824]
at mx.managers::LayoutManager/doPhasedInstantiationCallback()[/Users/justinmclean/Documents/ ApacheFlex4.12.0/frameworks/projects/framework/src/mx/managers/LayoutManager.as:1188]
Running the debugger shows that this occurs with the first item in the data provider. If I alter the prepare method to check for the existence of imgActions before doing anything, everything works fine after the first item. So I'll have one row in the DataGrid with a missing icon, and all the rest will have icons.
So the question is, is it normal for prepare to run before any children of the item renderer are created? If so, how should I handle this?
Many thanks in advance.A little more info. I added some event handlers to the renderer and the image (for events that I thought would be relevant), and here is the order of events based on trace statements within the handlers:
griditemrenderer1_addedHandler
griditemrenderer1_addedToStageHandler
griditemrenderer1_preinitializeHandler
imgActions_addedHandler
griditemrenderer1_addedHandler
imgActions_addedToStageHandler
imgActions_preinitializeHandler
imgActions_addedHandler
griditemrenderer1_addedHandler
imgActions_initializeHandler
griditemrenderer1_elementAddHandler
imgActions_addHandler
griditemrenderer1_initializeHandler
griditemrenderer1_addHandler
prepare called
imgActions_resizeHandler
griditemrenderer1_resizeHandler
imgActions_creationCompleteHandler
imgActions_updateCompleteHandler
griditemrenderer1_creationCompleteHandler
griditemrenderer1_updateCompleteHandler
griditemrenderer1_removeHandler
griditemrenderer1_addedHandler
griditemrenderer1_addedToStageHandler
imgActions_addedToStageHandler
griditemrenderer1_addHandler
griditemrenderer1_dataChangeHandlerTypeError: Error #1009: Cannot access a property or method of a null object reference.
prepare called
at renderers.equipment::IconRenderer/prepare()[C:\…\renderers\equipment\IconRenderer.mxml:91 ]
imgActions_renderHandler
griditemrenderer1_renderHandler -
Selection issue with editable Spark DataGrid
Hi everyone,
I am evaluating the new Spark DataGrid and I'm having a very strange issue with the behavior of selection in an editable instance.
Here is my test application: http://www.playcalliope.com/flex/DataGridSelectionIssue.html (code here: https://gist.github.com/1129160)
And here are the steps to reproduce the issue:
select the very first cell at the top-left corner of the grid (the one with "Gabriele");
click on it once more, the editor appears;
now click on the cell just to the right of it (the one with "Genta").
You should see that editing ends as it supposed to do, but selection is placed on the third cell (the one with a 5 in it) instead on the one you clicked on. Playing a little with the grid you should see that this isn't the only case, but selection is really behaving randomly.
I am using SDK 4.5.1.21328.
I think this is a very basic usage case.. I can't believe this is not working properly, what am I missing?
Thanks a lot,
Gabriele Genta
Message was edited to add live exampleYour running into a known bug, https://bugs.adobe.com/jira/browse/SDK-30088.
The bug will be fixed in the Mega release. To work around the bug you can create a custom editor and remove the "dataGrid.validateNow();" call in DataGridEditor.save().
Here's how I modified your example to workaround the bug:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
backgroundColor="#E7E7E7"
creationComplete="application1_creationCompleteHandler(event)">
<s:layout>
<s:HorizontalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.XMLListCollection;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
testGrid.dataProvider = new XMLListCollection(testData.item);
]]>
</fx:Script>
<fx:Declarations>
<fx:XML id="testData" xmlns="">
<items>
<item>
<id>1</id>
<cognome>Gabriele</cognome>
<nome>Genta</nome>
<uhm>5</uhm>
<bene>molto</bene>
</item>
<item>
<id>10</id>
<cognome>Pinco</cognome>
<nome>Pallino</nome>
<uhm>10</uhm>
<bene>poco</bene>
</item>
</items>
</fx:XML>
<fx:Component className="MyDefaultEditor">
<s:DefaultGridItemEditor>
<fx:Script>
<![CDATA[
import mx.collections.ICollectionView;
import mx.collections.ISort;
override public function save():Boolean
if (!validate())
return false;
var newData:Object = value;
var property:String = column.dataField;
var data:Object = data;
var typeInfo:String = "";
for each(var variable:XML in describeType(data).variable)
if (property == [email protected]())
typeInfo = [email protected]();
break;
if (typeInfo == "String")
if (!(newData is String))
newData = newData.toString();
else if (typeInfo == "uint")
if (!(newData is uint))
newData = uint(newData);
else if (typeInfo == "int")
if (!(newData is int))
newData = int(newData);
else if (typeInfo == "Number")
if (!(newData is Number))
newData = Number(newData);
else if (typeInfo == "Boolean")
if (!(newData is Boolean))
var strNewData:String = newData.toString();
if (strNewData)
newData = (strNewData.toLowerCase() == "true") ? true : false;
if (property && data[property] !== newData)
// If the data is sorted, turn off the sort for the edited data.
var sort:ISort = null;
if (dataGrid.dataProvider is ICollectionView)
var dataProvider:ICollectionView = ICollectionView(dataGrid.dataProvider);
if (dataProvider.sort)
sort = dataProvider.sort;
dataProvider.sort = null;
var oldData:Object = data[property];
data[property] = newData;
dataGrid.dataProvider.itemUpdated(data, property, oldData, newData);
// Restore the sort. The data will not be sorted due to this change.
if (sort)
ICollectionView(dataGrid.dataProvider).sort = sort;
return true;
]]>
</fx:Script>
</s:DefaultGridItemEditor>
</fx:Component>
</fx:Declarations>
<s:DataGrid id="testGrid" width="100%" height="100%"
editable="true" selectionMode="singleCell"
itemEditor="{new ClassFactory(MyDefaultEditor)}">
<s:columns>
<s:ArrayList>
<s:GridColumn headerText="Prova" dataField="cognome"/>
<s:GridColumn headerText="Prova1" dataField="nome"/>
<s:GridColumn headerText="Prova3" dataField="uhm"/>
<s:GridColumn headerText="Prova4" dataField="bene"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application> -
Spark DataGrid - editing session
I am trying to specidy a listener to catch a data change in Spark DataGrid. Here is my code:
<s:DataGrid requestedRowCount="4" fontSize="11" sortableColumns="false"
id="engines" rowHeight="22" gridItemEditorSessionStarting="processData(event)"
height="100%">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="initial" headerText="Initial" width="50">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer>
<s:layout>
<s:VerticalLayout paddingLeft="2"
verticalAlign="middle"/>
</s:layout>
<s:TextInput restrict="a-zA-Z"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
but processData does not get fired.
Any idea?A cell editor is placed over the top of a cell and it is sized by the DataGrid to be the same height as the cell. The height of the cell is not changed. Are you see the cell height change when you are using a built-in cell editor or your own custom cell editor? In any case, you can you the prepare() method of a cell editor to make any final adjustments to the cell editor that you want, including changing the height of the cell editor.
-Darrell -
Spark DataGrid two way binding
I am having a problem with two binding in the Spark DataGrid.
Here is a code fragment:
<s:DataGrid requestedRowCount="4" fontSize="11" sortableColumns="false"
id="engines" rowHeight="22"
height="100%">
<s:columns>
<s:ArrayList>
<s:GridColumn headerText="Initial" width="50">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer>
<s:layout>
<s:VerticalLayout paddingLeft="2"
verticalAlign="middle"/>
</s:layout>
<s:TextInput restrict="a-zA-Z" text="@{XML(data).initial}"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
As you can see I am using a TextInput as a custom renderer. While this solution basically works however typing into a text field defined by a custom renderer has some strange problem: after each character being typed I have to click on the text field to get a focus back to continue typing. Any idea why that is happening?
ThanksIs it possible to specify a renderer to be an editor? If not, what's a basic approach specifying a custom renderer and an editor at the same time?
Thanks -
How to resize the spark datagrid collumns based on the headertext?
Hi friends,
I am using spark datagrid for displaying the tablur data in my application, when i setting the dataprovider property of the datagrid, it displays the content exactally what i expeceted.
but the widht of the collumns are based on the content of the dataprovider, i am not able to see the full collumn name in the datagrid's header. I want to display the full collumn name to the users without setting the collumn width explicitly because the data are dynamically returned from the server. could you pls give me some ideas to acheive this...?
Thanks in advance.Hi Karthikeyan Subramain,
You can make use of typicalItem proberty to set the column width.
Here is the link for sample code which uses typicalItem:
http://butterfliesandbugs.wordpress.com/2011/03/08/its-a-best-practice-to-size-a-spark-dat agrids-columns-with-a-typicalitem/
Hope this will help you
Thanks and Best regards,
Pooja Kuber | [email protected] | www.infocepts.com -
"Exception Processing Message" error when clicking the Accessing Server Data link on the start page
When I first started the application, I click the Accessing Server Data link on the start page. I immediately got the error "Exception Processing Message c0000013 Parameters 75b6bf7c 4 75b6bf7c 75b6bf7c in a dialog box titled "Windows - No Disk". I had to used Task Manager to remove the box after closing Flash Builder 4. I then tried the video tutorial on "PHP Services in Flash Builder 4". I keep receiving an error during service introspection trying to connect to the PHP class. It was the same error as the other individual "Cannot Connect to PHP Service". So I tried another tutorial and generated a sample PHP class. I moved a datagrid on to the stage, droped in the getAllItems function, and configured the return type. However, when I ran the app, I received the same error "Exception Processing Message" again. I have attached the screenshot of the error in addition to my phpinfo and log files.
"The exception process message" is definitely a issue. Is it happening consistently, if so can you file a bug at bugs.adobe.com/flex and give out your machine config details, and the error log.
With regards to generating a new php file and the introspection error that you are getting, looking at the logs it probably is two fold.
First off the name of the file and the class name should be the same, are you having employeeServices as the name of the class in employeeServices.php file.
Second, It seems prior to generating this new file, you had a syntax error at line 5.
It would be easier to figure out what the error is, if you can also attach the php file, by removing any sensitive information in that.
Hope this helps.
Thanks
-Sunil -
Refresh Datagrid After Popup Data Edit
Hi all,
I'm fairly new to flex development, so please keep that in mind when trying to help... I may ask some really stupid questions!
Basically what I'm trying to do is to refresh the source data of a datagrid ONLY when the popup window that I'm using to add/edit/delete records is closed.
I have successfully captured WHEN the window closes... I can see the event happening in my datagrid component. I used an Alert.show() to prompt me after the popup closes and the datagrid captures the close event.
What I can't figure out for the life of me is how to refresh the datagrid's source data, when that source data is being called & populated from a "parent" component.
How it works is like this...
Search Component (6 drop down menus & 1 text input)
|___Datagrid (displays all records by default, only records meeting search criteria upon clicking the "search" button)
|______Popup window editor (this is called by passing the "ID" of the record I want to take action on into the popup window using a public variable when a user DOUBLE CLICKS a value in the datagrid)
So let's say for instance you are looking at customer A. Customer A's record loads into the popup window... and then let's say you want to delete that record for whatever reason. Currently, when you click the "Delete Record" button in my application, the popup window closes, and from the looks of things, it dispatches the close event properly. (I added an event listener to the datagrid component when I instantiated it in the search component), so when the popup window closes, the event listener fires and I have an Alert to tell me that yes, the close event was dispatched.
I think I know "What" I'm doing wrong, but I don't know how to go about changing it to make it work. Basically because the datagrid is populated IN the search component from an arraycollection, my attempts to "Refresh" the data in the datagrid component which captures the close event of the popup window won't work because the datagrid component has no visibility to the arraycollection used in the search component to populate said datagrid component.
I know that the record is being deleted, as if I actually click the "search" button again, the record does disapear from the datagrid. How do I force that to happen automagically when the popup form closes?
I can provide a code refernce if I need to... gonna take a bit though as alot of what I've built has references to client's data which I'd have to remove.
If anyone could provide some insight here, or a direction I would appreciate it. I've looked at a number of solutions so far, and I've not had luck with any of them.Hi all,
I'm fairly new to flex development, so please keep that in mind when trying to help... I may ask some really stupid questions!
Basically what I'm trying to do is to refresh the source data of a datagrid ONLY when the popup window that I'm using to add/edit/delete records is closed.
I have successfully captured WHEN the window closes... I can see the event happening in my datagrid component. I used an Alert.show() to prompt me after the popup closes and the datagrid captures the close event.
What I can't figure out for the life of me is how to refresh the datagrid's source data, when that source data is being called & populated from a "parent" component.
How it works is like this...
Search Component (6 drop down menus & 1 text input)
|___Datagrid (displays all records by default, only records meeting search criteria upon clicking the "search" button)
|______Popup window editor (this is called by passing the "ID" of the record I want to take action on into the popup window using a public variable when a user DOUBLE CLICKS a value in the datagrid)
So let's say for instance you are looking at customer A. Customer A's record loads into the popup window... and then let's say you want to delete that record for whatever reason. Currently, when you click the "Delete Record" button in my application, the popup window closes, and from the looks of things, it dispatches the close event properly. (I added an event listener to the datagrid component when I instantiated it in the search component), so when the popup window closes, the event listener fires and I have an Alert to tell me that yes, the close event was dispatched.
I think I know "What" I'm doing wrong, but I don't know how to go about changing it to make it work. Basically because the datagrid is populated IN the search component from an arraycollection, my attempts to "Refresh" the data in the datagrid component which captures the close event of the popup window won't work because the datagrid component has no visibility to the arraycollection used in the search component to populate said datagrid component.
I know that the record is being deleted, as if I actually click the "search" button again, the record does disapear from the datagrid. How do I force that to happen automagically when the popup form closes?
I can provide a code refernce if I need to... gonna take a bit though as alot of what I've built has references to client's data which I'd have to remove.
If anyone could provide some insight here, or a direction I would appreciate it. I've looked at a number of solutions so far, and I've not had luck with any of them. -
Spark DataGrid Embedded Font Quandary
01. In everything that follows, I am talking about the latest [21328] version of the SDK, not that I believe that my problems have anything to do with that release, just so anyone interested and willing to help will know the version.
02. My application happens to be rooted in AIR's WindowedApplication, but again, I do not think that has any impact on my problems; I believe the same results would obtain for a Flex Application.
03. I have a custom renderer for the Spark DataGrid which extends DefaultGridItemRenderer. It works fine. Its primary job is to change the font characteristics of each row in the list as a visual clue to the user as to the specific nature of the content that is accessible. Some entries are just in the Regular font, some in Bold, some in Italic, and some in Bold-Italic.
04. I have, for most of the project, embedded the necessary fonts like this:
[Embed (source="C:/Windows/Fonts/ArnoPro-Caption.otf", fontName="ArnoPro_BI_4",
fontStyle="italic",
fontWeight="bold",
mimeType="application/x-font",
embedAsCFF="true",
unicodeRange="U+0021-U+00ff, U+20ac-U+20ac")]
private const ArnoPro_BI_4:Class;
As I said, that all works just as advertized. But, that method of embedding carries the somewhat painful burden of slower compilations, so for the last 24 hours I have unseccessfully been trying to replace that with:
[Embed (source = "../resources/assets/ArnoPro_BI_4.swf", symbol="ArnoPro_BI_4")]
private const ArnoPro_BI_4:Class;
where the swf file was produced via fontswf, using this incantation:
fontswf -4 -u U+0021-U+00ff,U+20ac-U+20ac -b -i -a ArnoPro_BI_4 -o ArnoPro_BI_4.swf C:/Windows/Fonts/ArnoPro-Caption.otf
06. By all that is holy, the two different means of embedding the font ought to yield the same result, but they do not. I have debugging code inserted to print out the list of fonts upon initiation of the application, and they are identical. Both means of embedding do succeed in getting the embedded fonts into the .swf, but the attempt to use the fonts fails using the second approach.
There is, of course, no change being made to the code in the item renderer which merely uses setStyle() to effect the row-by-row result. The result in the second case is that the only style of the embedded font that renders is 'regular'.
07. I have used the 'keep-generated' facility to look at the code being generated by the mxmlc compiler and can see that different code is emitted, but it does not help me find a fix to the problem. Both forms of the meta-tag do something; both methods of embedding seem to correctly register themselves with the FontManager, but only the method of embedding which actually performs the transcoding during compilation seems to result in a set of registered fronts which can be found and correctly used to render output based on the runtime setting of the font style.Thank for the reply
I hoped that my posting indicated how the fonts in the the .swf file were constructed. The "-4", argument to the command-line tool, fontswf, as far as I can tell, is the precise analog to the "embedAsCFF" argument in the [Embed] syntax. That is what makes it so perplexing. Given all the external documentation that is available for each tool/methodology, I would have thought that the resultant bytecodes, classes, flags, whatever, would have been identical. The only difference would be the timing of when the transcoding took place.
Since it is clearly more efficient to only transcode whatever set of fonts an application needs once, not once per build/test turn-around, I would really like to make the fontswf workflow work. For those of us outside the beneficial environment of your licensed tools, the kindly-provided alternative to the facilities built into Flash Professional and/or Flash Builder give us the greatest degree of productivity.
Whoever has access to the source code for Font [I can only see the uninteresting FontAsset in the SDK] can probably determine what difference might result from mxmlc working with this intermediate output, when inline transcoding is 'tagged':
package
import mx.core.FontAsset;
[ExcludeClass]
[Embed(fontName="ArnoPro_IT_4", _resolvedSource="C:/WINDOWS/Fonts/ArnoPro-ItalicCaption.otf", fontStyle="italic", _line="1189", _pathsep="true", embedAsCFF="true", fontWeight="normal", unicodeRange="U+0021-U+00ff, U+20ac-U+20ac", source="C:/Windows/Fonts/ArnoPro-ItalicCaption.otf", _column="2", exportSymbol="AIRZoom_ArnoPro_IT_4", _file="G:/FP/AIRZoom/src/AIRZoom_AS.as", mimeType="application/x-font")]
public class AIRZoom_ArnoPro_IT_4 extends mx.core.FontAsset
public function AIRZoom_ArnoPro_IT_4()
super();
versus this, when swf extraction is 'tagged':
package
import mx.core.FontAsset;
[ExcludeClass]
[Embed(fontName="ArnoPro_IT_4", _resolvedSource="C:/WINDOWS/Fonts/ArnoPro-ItalicCaption.otf", fontStyle="italic", _line="1191", _pathsep="true", embedAsCFF="true", fontWeight="normal", unicodeRange="U+0021-U+00ff, U+20ac-U+20ac", source="C:/Windows/Fonts/ArnoPro-ItalicCaption.otf", _column="2", exportSymbol="AIRZoom_ArnoPro_IT_4", _file="G:/FP/AIRZoom/src/AIRZoom_AS.as", mimeType="application/x-font")]
public class AIRZoom_ArnoPro_IT_4 extends mx.core.FontAsset
public function AIRZoom_ArnoPro_IT_4()
super();
The only difference is that value for '_line' which probably only indicates that one of the two processes has a comment or empty line somewhere. -
Flex Spark DataGrid BUG skipping rows on refresh
I have a small one file example that demonstrates this Flex DataGrid bug.
I tried to report it to Flex bugs and the page timed out.
I am filling a column in a spark datagrid with checkboxes to select that row.
In the header of that column is a checkbox to select ALL the rows.
However, the middle row is not getting refreshed so the display is wrong.
The checkbox looks empty when the backing value is correct.
I have added a print to the code that sets the values in the data and it is setting everyone.
But when I print the isSelected code it is NOT being called on ONE (the middle) visible row.
If I move away or scroll up and down the check box shows the check mark.
So My only conclusion is that refresh has a bug.
Here is the example that demonstrates the problem.
Simply select the header checkbox and the 3rd checkbox does not get updated on refresh.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private static var values:Array = [
{selected: false, position: 1},
{selected: false, position: 2},
{selected: false, position: 3},
{selected: false, position: 4},
{selected: false, position: 5}
[Bindable]
public static var datalist:ArrayCollection = new ArrayCollection( values );
public static function updateDataList( value:Boolean ):void
for each( var item:Object in datalist ) {
trace( "updated: " + item.position );
item.selected = value;
datalist.refresh();
]]>
</fx:Script>
<s:DataGrid dataProvider="{datalist}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="position" width="200"/>
<s:GridColumn width="34" >
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer textAlign="center">
<fx:Script>
<![CDATA[
private function changeSelection( data:Object, event:MouseEvent ):void
data.selected = ! data.selected;
private function isSelected( data:Object ):Boolean
trace( "isSelected: " + data.position );
return data.selected;
]]>
</fx:Script>
<s:layout>
<s:HorizontalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<s:CheckBox id="selbox" label="" selected="{isSelected(data)}"
click="changeSelection(data, event)"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
<s:headerRenderer>
<fx:Component>
<s:GridItemRenderer height="30">
<fx:Script>
<![CDATA[
[Bindable]
private static var selectAll:Boolean = false;
private function changeAllSelection( event:MouseEvent ):void
selectAll = ! selectAll;
Main.updateDataList( selectAll );
]]>
</fx:Script>
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<s:CheckBox label="" selected="{selectAll}"
click="changeAllSelection(event)"/ >
</s:GridItemRenderer>
</fx:Component>
</s:headerRenderer>
</s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
Here is an image of the failed result... after selecting the top checkbox.
Below is an image of the output produced by the two traces.
Notice that the refresh has not called isSelected on the 3rd element.I have a small one file example that demonstrates this Flex DataGrid bug.
I tried to report it to Flex bugs and the page timed out.
I am filling a column in a spark datagrid with checkboxes to select that row.
In the header of that column is a checkbox to select ALL the rows.
However, the middle row is not getting refreshed so the display is wrong.
The checkbox looks empty when the backing value is correct.
I have added a print to the code that sets the values in the data and it is setting everyone.
But when I print the isSelected code it is NOT being called on ONE (the middle) visible row.
If I move away or scroll up and down the check box shows the check mark.
So My only conclusion is that refresh has a bug.
Here is the example that demonstrates the problem.
Simply select the header checkbox and the 3rd checkbox does not get updated on refresh.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private static var values:Array = [
{selected: false, position: 1},
{selected: false, position: 2},
{selected: false, position: 3},
{selected: false, position: 4},
{selected: false, position: 5}
[Bindable]
public static var datalist:ArrayCollection = new ArrayCollection( values );
public static function updateDataList( value:Boolean ):void
for each( var item:Object in datalist ) {
trace( "updated: " + item.position );
item.selected = value;
datalist.refresh();
]]>
</fx:Script>
<s:DataGrid dataProvider="{datalist}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="position" width="200"/>
<s:GridColumn width="34" >
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer textAlign="center">
<fx:Script>
<![CDATA[
private function changeSelection( data:Object, event:MouseEvent ):void
data.selected = ! data.selected;
private function isSelected( data:Object ):Boolean
trace( "isSelected: " + data.position );
return data.selected;
]]>
</fx:Script>
<s:layout>
<s:HorizontalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<s:CheckBox id="selbox" label="" selected="{isSelected(data)}"
click="changeSelection(data, event)"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
<s:headerRenderer>
<fx:Component>
<s:GridItemRenderer height="30">
<fx:Script>
<![CDATA[
[Bindable]
private static var selectAll:Boolean = false;
private function changeAllSelection( event:MouseEvent ):void
selectAll = ! selectAll;
Main.updateDataList( selectAll );
]]>
</fx:Script>
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>
<s:CheckBox label="" selected="{selectAll}"
click="changeAllSelection(event)"/ >
</s:GridItemRenderer>
</fx:Component>
</s:headerRenderer>
</s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
Here is an image of the failed result... after selecting the top checkbox.
Below is an image of the output produced by the two traces.
Notice that the refresh has not called isSelected on the 3rd element. -
Flex spark dataGrid gridColumn itemrenderer binding bug
I hava a TextInput within mx DataGrid gridColumn itemrenderer and binding its text to {data.f1} ,
when I set DataGrid dataProvider column (0,0) to "value1" by actionsript code,
it will update "value1" to TextInput field.
But if I change to spark DataGrid, TextInput Text won't be changed.
Please see below two samples, when user click "set var" button, it set dataProvider column (0,0) to "value1",
sample1 is in mx comopent, it works fine and will update "value1" to TextInput Text.
sample2 is in spark component, it did not work.
anyone can help for spark component ?
many thanks.
*** sample1 (mx componet): ***
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
layout="absolute">
<mx:Button x="235" y="52" label="set var" click="setVar()"/>
<mx:DataGrid id="grid_1" dataProvider="{ia_row}" x="25" y="52">
<mx:columns>
<mx:DataGridColumn dataField="f1" headerText="Column 1">
<mx:itemRenderer>
<fx:Component>
<mx:TextInput text="{data.f1}" width="95%"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="f2" headerText="Column 2"></mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
[Bindable]
private var ia_row:ArrayCollection = new ArrayCollection([
{f1:"a1", f2:"b1"},
{f1:"a2", f2:"b2"}
private function setVar():void{
var t_row:Object = ia_row.getItemAt(0);
t_row.f1 = "value1";
ia_row.setItemAt(t_row, 0);
]]>
</fx:Script>
</mx:Application>
*** sample2 (spark componet): ***
<?xml version="1.0" encoding="utf-8"?>
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600"
>
<s:Button x="267" y="94" label="set var" click="setVar()"/>
<s:DataGrid id="grid_1" x="55" y="94" width="204" height="139" dataProvider="{ia_row}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="f1" headerText="Column 1" width="120">
<s:itemRenderer>
<fx:Component>
<s:GridItemRenderer>
<s:TextInput text="{data.f1}" width="95%"/>
</s:GridItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:GridColumn>
<s:GridColumn dataField="f2" headerText="Column 2"></s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
[Bindable]
private var ia_row:ArrayCollection = new ArrayCollection([
{f1:"a1", f2:"b1"},
{f1:"a2", f2:"b2"}
private function setVar():void{
var t_row:Object = ia_row.getItemAt(0);
t_row.f1 = "value1";
ia_row.setItemAt(t_row, 0);
]]>
</fx:Script>
</s:Application>sir, I think it does not send CHANGE event to dataGrid, so my suggestion is following:
private function setVar():void{
var t_row:Object = ia_row.getItemAt(0);
Alert.show(t_row.f1);
t_row.f1 = "value1";
ia_row.setItemAt(t_row, 0);
ia_row.refresh();//it is used to dispatch Event if dataprovider was changed.
Maybe you are looking for
-
Blue Screen Error on Satellite A100-920 (PSAA9)
Hi I had a blue screen error during normal use and after restart, Windows suggested updating the BIOS, so I updated it with the latest version (5.10). The next day, I got another blue screen and on restart, Windows suggested I update my display drive
-
Exporting to a text file in an applet..
Hey all, I've been working on an applet for simulating different nodal configurations on a 2D map. What I need to be able to do is export, on the click of a button, all of the nodal coordinates (x,y) to a text file. However, using the standard FileWr
-
My Mac pro shutdown due to over heating. How long before I can turn it on again?
How long before my Mac is usable again?
-
Hyperion Reports - Sum of members
<p>Hello,</p><p> </p><p>I have a situation in Hyperion reports. We need to calculate sumof 3 members(of single dimension) in Hyperion Reports. These threemembers are mentioned with rows which expand when reports aregenerate as we have other generatio
-
TS3274 Please help me solving it!
When i updated my itunes 11 my apps options was missing on itunes i was shocked luckily i had a copy of my apps i pastes it on itunes media folder i got my apps back in my itunes now when i sync my ipad to computer its not syncing my new apps its sh