How to allow selective edit of rows in a Adobe FLEX 2 datagrid based on an XML defintion of which rows can be edited

Question on Adobe Flex Datagrid and XML:

We have a complex XML file which contains a definition of which fields can be edited on certain screens.  For example, we define Screen A consists of field 1, 2, 3.  Screen B consists of field 1,2,3,4,5,6,7 etc...  The field defintion includes the field name, whether it should be editable etc. and some other attributes.

We want to bind the list of screens defined in the XML file (e.g. A, B) to a drop-down list box and when the user selects an item, we want to bind the fields for that chosen screen to a datagrid.

Then, in the datagrid when the user clicks on a row, we want to say if the editable property defined for that field that has just been selected is editable = true then we want to allow the user to type in a value.  If the XML file for that Field defintion says editable = false then the users click on that row would be ignored.  Using the XML file will allow us to add fields or change their properties without having to recompile the application.

Any suggestions greatly appreciated.
STRATEGICAMSAsked:
Who is Participating?
 
Gary BenadeConnect With a Mentor Commented:
quick examples of both techniques.
In the first the columns are defined for the grid, in the second they are dynamically allocated based on the xml data
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			import mx.controls.TextInput;
		
			[Bindable] private var myxml:XML = 
				<testdata>
					<datarow uid="1" foo="bar1" editable="true" />
					<datarow uid="2" foo="bar2" editable="false" />
					<datarow uid="3" foo="bar3" editable="true" />
				</testdata>;		
		]]>
	</mx:Script>
 	<mx:DataGrid id="dg" dataProvider="{myxml.datarow}" editable="true">
		<mx:columns>
	        <mx:DataGridColumn dataField="@uid" headerText="UID" width="85"/>
	        <mx:DataGridColumn dataField="@foo" headerText="FOO">
	        	<mx:itemEditor>	        		
			        <mx:Component>
			        	<mx:TextInput editable="{data.@editable==true}" />
			        </mx:Component>
	        	</mx:itemEditor>
	       	</mx:DataGridColumn>
	    </mx:columns> 		
 	</mx:DataGrid>
</mx:Application>

Open in new window

0
 
Gary BenadeCommented:
You can do it on a per column basis like this:
<mx:DataGridColumn editable="{@editable==true}"

Or on a per row basis by capturing the datagrids itemEditBeginning event and calling preventDefault() based on the contents of the event targets itemEditorInstance
0
 
STRATEGICAMSAuthor Commented:
hobbit72 could you elaborate a little as I can't quite understand how to implement this.  some examples / snippets would be extremely helpful if possible.
0
 
Gary BenadeConnect With a Mentor Commented:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			import mx.events.DataGridEvent;
			import mx.controls.TextInput;
		
			[Bindable] private var myxml:XML = 
				<testdata>
					<datarow uid="1" foo="bar1" editable="true" />
					<datarow uid="2" foo="bar2" editable="false" />
					<datarow uid="3" foo="bar3" editable="true" />
				</testdata>;
			private function editBegin( e:DataGridEvent):void
			{
				var b:Boolean = e.itemRenderer.data.@editable == true; 
				if( b == false)
					e.preventDefault();
			}		
		]]>
	</mx:Script>
 	<mx:DataGrid id="dg" dataProvider="{myxml.datarow}" editable="true" itemEditBeginning="editBegin(event)"/>
</mx:Application>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.