Setting cell values in the DataGrid control

I have a request to a custom component called DataEntryDataGrid (which is a subclass of mx:DataGrid) I started on this blog: http://blogs.Adobe.com/aharui/2008/03/custom_arraycollections_adding.html

The component works fine, but in this particular datagrid, I need special features. After the first line of data is entered in the tabs of the user in the following line, I need the first and second columns to be filled based on the values of the previous row and then I need to automatically focus on the cell in the third column. While the first and second columns must be always editable, they will be largely repetitive, and it would help if users did not have to enter the same numbers over and over again. The first column of the new row should be the same value as the first column in the last row and the second column of the new row should be (value of the last row + 1). Example:

DataGrid:

| Slide No. | Specimen No. | Age | Weight | Length |
|    1      |     1        |  5  |  65    |  40    |  <- This row is manually entered, just text inputs
|    1*     |     2*       |  #  |        |        |

* = values set programatically, these cells should still be focusable and editable
# = this is where the focus should be

The problem I have is that when I tab in the next line, the first value in the column don't prepare you. The second column gets the value correct and properly displayed and emphasis is placed in the correct cell (the third column), but the first column remains empty. I don't know why that is. If I put a breakpoint in the code in the function focusNewRow() (which is called in the event of the dataGrid "itemFocusIn") (first column) "slideNo" value is set to the correct value, but after the 'focusNewRow' work finishes, a dataProvider trace [the current line] .slideNo shows the value is empty. Non-null, just empty. Traces of all other columns indicate the correct values. Anyone have any ideas? Here is the code for my main application:

<?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" xmlns:components="components.*">
  <fx:Script>
    <![CDATA[
      import mx.controls.DataGrid;
      import mx.events.DataGridEvent;
      
      public function traceSlideNo():void {
        var i:int;
        var g:Object = myDataGrid.dataProvider;
        for(i = 0; i < g.length -1; i++) {
          trace("sl: " + g[i].slideNo + ", sp: " + g[i].specimenNo + ", age: " + g[i].age);
        }
      }
      
      public function focusNewRow(e:DataGridEvent):void {
        if(e.currentTarget.dataProvider.length > 0 && e.rowIndex != 0 && e.columnIndex == 0) {
          var dg:DataGrid = e.currentTarget as DataGrid;
          var lastItem:Object = dg.dataProvider[e.rowIndex - 1];
          var targetItem:Object = dg.dataProvider[e.rowIndex];
          if(targetItem.specimenNo == "") {
            var focusCell:Object = new Object();
            focusCell.rowIndex = e.rowIndex;
            focusCell.columnIndex = 2;
            dg.editedItemPosition = focusCell;
            
            targetItem.slideNo = int(lastItem.slideNo);
            targetItem.specimenNo = int(lastItem.specimenNo) + 1;
            
            callLater(dg.dataProvider.refresh);
          }    
        }
      }
    ]]>
  </fx:Script>
  
  <components:DataEntryDataGrid x="10" y="10" width="450" id="myDataGrid" itemFocusIn="focusNewRow(event)"
                  editable="true" rowHeight="25" variableRowHeight="false">
    <components:columns>
      <mx:DataGridColumn headerText="Slide No." dataField="slideNo" editable="true"/>
      <mx:DataGridColumn headerText="Specimen No." dataField="specimenNo" editable="true"/>
      <mx:DataGridColumn headerText="Age" dataField="age" editable="true"/>
      <mx:DataGridColumn headerText="Weight" dataField="weight" editable="true"/>
      <mx:DataGridColumn headerText="Length" dataField="length" editable="true"/>
    </components:columns>
  </components:DataEntryDataGrid>
  <s:Button x="10" y="195" label="Trace Slide Numbers" click="traceSlideNo()"/>
</s:Application>

And here is the custom component, DataEntryDataGrid, just for reference (place in the "components" package in this example):

<?xml version="1.0" encoding="utf-8"?>
<mx: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" initialize="init(event)"
       editable="true" wordWrap="true" variableRowHeight="true">
  <fx:Declarations>
    <!-- Place non-visual elements (e.g., services, value objects) here -->
  </fx:Declarations>
  
  
  
  <fx:Script>
    <![CDATA[
      import components.NewEntryArrayCollection;
      
      import mx.controls.Alert;
      import mx.controls.dataGridClasses.DataGridColumn;
      import mx.events.DataGridEvent;
      import mx.events.DataGridEventReason;
      import mx.events.FlexEvent;
      import mx.utils.ObjectUtil;
      
      private var arr:Array = [];
      private var ac:NewEntryArrayCollection;
      private var dg:DataGrid;
      
      public var enableDeleteColumn:Boolean;
      
      private function generateObject():Object
      {
        // Returns a new object to the datagrid with blank entries for all columns
        var obj:Object = new Object();
        for each(var item:Object in this.columns) {
          var df:String = item.dataField.toString();
          obj[df] = "";
        }
        return obj;
      }
      
      private function isObjectEmpty(obj:Object):Boolean
      {
        // Checks to see if the current row is empty
        var hits:int = 0;
        
        for each(var item:Object in this.columns) {
          var df:String = item.dataField.toString();
          if(obj[df] != "" || obj[df] !== null) {
            hits++;
          }
        }
        if(hits > 0) {
          return false;
        }
        return true;
      }      
      
      private function init(event:FlexEvent):void
      {
        dg = this;                // Reference to the DataEntryDataGrid
        ac = new NewEntryArrayCollection(arr);  // DataProvider for this DataEntryDataGrid
        ac.factoryFunction = generateObject;
        ac.emptyTestFunction = isObjectEmpty;        
        dg.dataProvider = ac;
        
        // Renderer for the DELETE column and Delete Button Item Renderer
        if(enableDeleteColumn == true){
          var cols:Array = dg.columns;
          var delColumn:DataGridColumn = new DataGridColumn("del");
          delColumn.editable = false;
          delColumn.width = 35;
          delColumn.headerText = "DEL";
          delColumn.dataField = "delete";
          delColumn.itemRenderer = new ClassFactory(DeleteButton);
          cols.push(delColumn);
          dg.columns = cols;
          dg.addEventListener("deleteRow",deleteClickAccept);
        }
      }
      
      private function deleteClickAccept(event:Event):void { // Handles deletion of rows based on event dispatched from DeleteButton.mxml
        dg = this;
        ac = dg.dataProvider as NewEntryArrayCollection;
        if(dg.selectedIndex != ac.length - 1) {
          ac.removeItemAt(dg.selectedIndex);
          ac.refresh();
        }
      }

    ]]>
  </fx:Script>
  
</mx:DataGrid>

In addition, the NewEntryArrayCollection.as file that is referenced by the component custom. This is true also in the package "components":

package components 
{
  import mx.collections.ArrayCollection;
  
  public class NewEntryArrayCollection extends ArrayCollection
  {
    private var newEntry:Object;
    
    // callback to generate a new entry
    public var factoryFunction:Function;
    
    // callback to test if an entry is empty and should be deleted
    public var emptyTestFunction:Function;
    
    public function NewEntryArrayCollection(source:Array)
    {
      super(source);
    }
    
    override public function getItemAt(index:int, prefetch:int=0):Object
    {
      if (index < 0 || index >= length)
        throw new RangeError("invalid index", index);
      
      if (index < super.length)
        return super.getItemAt(index, prefetch);
      
      if (!newEntry)
        newEntry = factoryFunction();
      return newEntry;
    }
    
    override public function get length():int
    {
      return super.length + 1;
    }
    
    override public function itemUpdated(item:Object, property:Object = null, 
                       oldValue:Object = null, 
                       newValue:Object = null):void
    {
      super.itemUpdated(item, property, oldValue, newValue);
      if (item != newEntry)
      {
        if (emptyTestFunction != null)
        {
          if (emptyTestFunction(item))
          {
            removeItemAt(getItemIndex(item));
          }
        }
      }
      else
      {
        if (emptyTestFunction != null)
        {
          if (!emptyTestFunction(item))
          {
            newEntry = null;
            addItemAt(item, length - 1);
          }
        }
      }
    }
    
  }

}

Sorry for the length of this post, but I hate to see people post without including enough information to solve the problem. If there is nothing, I have left out, made me know.

I think that in the NewEntryArrayCollection, I would wire up to generate a

populated point instead of where you are right now.

Tags: Flex

Substitution strings

Substitution strings are used in sub models to reference the value of the components. This report details use of string substitution for this model.

Substitution string	Referenced	De	Description
#LINK #.	Yes	Model	To be used in an attribute "href".
#JAVASCRIPT #.	NO.		To be used in an "onclick" attribute
#LABEL #.	Yes	Model	Button label
#BUTTON_ATTRIBUTES #.	NO.		The attributes button
#BUTTON_ID #.	NO.		ID generated button will be ID either the static button if defined, or if not will be a generated ID internally in the format 'B ' \| [Internal ID of the button.

I then tried to create a page process, pl/sql,: P400_DISPLAY: = 'STORE '; If the button is pressed. The action of the button is submit page. However, it does not change the value of P400_DISPLAY and the subregions are hidden.

Suggestions please on how to fix the template or change the value of P400_DISPLAY?

The question of the root, it's that, even if you change the value of the element of your page, it is not visible to other areas of the page until it is in the session. Thus, any other action based on the value of the element of your page. the visibility of a control, a report based on the value of the item, etc. will be affected by changing the value of the item page until it has been changed in the session. Even after that, items are stored in the session, then you must do something to influence the revalued value. To see the effect of this, observe that your page will load and assesses the value of the element of your page, it sees which is the "MAIN" and mask areas. However, he didn't reassess after that.

Then; your choices for this value set at the session are send the page, or use JavaScript to set the value in the session. If you use the latter, you will have to do extra work to make visibility tests be re - run, so, let's stick with the submit method.

What you did above sounds correct to do this but, there are a lot of decisions, that you might have done that may have caused things to do not occur in the correct order.

First of all, we will confirm that what I describe above is your problem. From the development environment, load the page, click on the button to change the value and submit. Now, click on the link marked the Session. He is always at HAND? If the answer is "Yes"; That's your problem.

Let's start with your calculation after the header. You set it to * only * run if the current value of the element of your page is null? If this isn't the case, it's your problem.

Load the Page-> Item set to 'Hand' by calculation-> click on the button--> Item set to STORE-> Submit-> Page Load-> point by calculating the value 'hand '.

See the problem?

Assuming that's not the question, you have created a branch to the same page, right? What is your process for the branch point? Is it * after * Validation, computation etc.? Because if not, you are not changing the value before that didn't get to submit.

I bet that's the first question, but take a look at these.

See you soon,.

-Joe

Checkbox in the DataGrid control

Header 1 Header 2 Header 3
Student A CheckBox1 CheckBox2
Hello
Can someone help me set up the displayed datagrid as shown above.
At some point, the user should be able to click fade box 1 or box 2. They are exclusive muually. (case 1 and 2 are actually component chekboxes)
If Checkbox1 is selected, the user clicks on the box 2 box 1 must be deselected.
Once the user clicks on a checkbox I should know what column and row it is clicked.
You can pls hellp me with it.
Thank you and best regards,
Shweta

Hello

Pls makes changes as below to your two itemRenderers mentioned above:-

AgeItemRenderer: -.

http://www.Adobe.com/2006/mxml"width ="40"height ="30 ".

horizontalAlign = "center" verticalAlign = "middle" >

Import mx.utils.ObjectUtil;

override public function set data(value:Object):void {}

Super.Data = value;

}

private var isSelected: Boolean = false;

protected function chk_changeHandler(event:Event):void

{

if(IsSelected == false)

{

Data.Age = true;

Data.Height = false;

isSelected = true;

this.parentDocument.dg.invalidateList ();

}

on the other

{

Data.Age = false;

Data.Height = false;

isSelected = false;

this.parentDocument.dg.invalidateList ();

}

}

]]>

HeightItemRenderer: -.

http://www.Adobe.com/2006/mxml"width ="40"height ="30 ".

horizontalAlign = "center" verticalAlign = "middle" >

override public function set data(value:Object):void {}

Super.Data = value;

}

private var isSelected: Boolean = false;

protected function chk_changeHandler(event:Event):void

{

if(IsSelected == false)

{

Data.Age = false;

Data.Height = true;

isSelected = true;

this.parentDocument.dg.invalidateList ();

return;

}

on the other

{

Data.Age = false;

Data.Height = false;

isSelected = false;

this.parentDocument.dg.invalidateList ();

}

}

]]>

with respect,

Wallerand

Retrieve data from the datagrid control

Hi people,
Currently I'm trying to create a datagrid control that allows the user to see the view of all data. And allow the user to click the data grid and a popup displays a more detailed information data
But I have some problem to retrieve the id of the data first. I managed to create a click event to allow the user to click a specific popup data and shows.
I need help regarding this. Thank you
-ExpertDiscoverySystem.mxml-
[Bindable]
public var dataid:String;
private void onItemClick (e:ListEvent): void {}
currentState = "SearchName;
Add here the popup, then try to transfer a certain area to display all necessary data
titleWindow = PopUpManager.createPopUp (Thi, component. DataDetail, true) as TitleWindow;
PopUpManager.bringToFront (titleWindow);
var dataid:String = e.currentTarget.selectedTarget.id;
}
< mx:Panel put width = "1169" height = "558" layout = "absolute" title = "Datagrid" x = "48.7" y = '171.65' includeIn 'SearchResult' = >
< mx:Label horizontalCenter = "0" y = "1" text = 'results '.
fontSize = "16" fontWeight = "bold" / >
< mx:DataGrid id = "dgPeeps" width = '1141' height = '487' selectedIndex = '0' showHeaders = 'false' "16.6" = x y = '24' creationComplete = "dgPeeps_creationCompleteHandler (event)" itemClick = "onItemClick (event); "dataProvider ="{getContentForAllResult.lastResult}">
< mx:columns >
< mx:DataGridColumn dataField = "img" itemRenderer = "component.image" / >
< mx:DataGridColumn headerText = "name" dataField = "name" / >
< mx:DataGridColumn headerText = "Department" dataField = "department" / >
< mx:DataGridColumn headerText = "expert" dataField = "expert" / >
< mx:DataGridColumn headerText = "project" dataField = "project" / >
< mx:DataGridColumn dataField = "id" / >
< / mx:columns >
< / mx:DataGrid >
< / mx:Panel >
-DataDetail.mxml - the popup component
<? XML version = "1.0" encoding = "utf-8"? >
" < = xmlns:fx s:TitleWindow ' http://ns.Adobe.com/MXML/2009 "
xmlns:s = "library://ns.adobe.com/flex/spark".
xmlns:MX = "library://ns.adobe.com/flex/mx" width = "700" height = "600" backgroundColor = "#000000" backgroundAlpha = '0,70' close = "titleWindow_close (event)" xmlns:services = "*" services > "
< fx:Declarations >
< s:CallResponder id = "getSpecificResultResult" / >
< services: ExpertSearchManager id = "expertSearchManager" fault = "Alert.show (event.fault.faultString +"\n"+ event.fault.faultDetail)" showBusyCursor = "true" / > "
<! - Place non-visual elements (e.g., services, items of value) here - >
< / fx:Declarations >

< fx:Script >
<! [CDATA]
Import mx.controls.Alert;
Import mx.core.FlexGlobals;
Import mx.events.CloseEvent;
Import mx.events.FlexEvent;
Import mx.managers.PopUpManager;

[Bindable]
private void titleWindow_close(evt:CloseEvent):void {}
PopUpManager.removePopUp (this)
}

protected function dataGrid_creationCompleteHandler(event:FlexEvent):void
{
change below with Dynamics
var dataid:String;
dataID = FlexGlobals.topLevelApplication.id;
getSpecificResultResult.token = expertSearchManager.getSpecificResult (dataid);
}

[]] >
< / fx:Script >

< mx:Image x = "10" y = "10" width = "67" height = "67" / >
< s:Label = "85" x = "10" text = "Label" color = "#FFFFFF" / >
< s:Label = "125" x = "10" text = "Label" color = "#FFFFFF" / >
< s:Label = "85" x y = "30" text = "Age" color = "#FFFFFF" / >
< s:Label = "114" x y = "30" text = "Label" color = "#FFFFFF" / >
< mx:HRule x = "0" y = "109" width = "697" / >
< mx:HRule x = "0" y = "256" width = "698" / >
< mx:VRule = "256" x = "114" height = "141" / >
< s:Label x = "10" y = "119" text = "Social Networking" color = "#FFFFFF" fontWeight = "bold" fontSize = "14" / >
< s:Label x = "10" y = "270" text = "Relationship" color = "#FFFFFF" fontWeight = "bold" fontSize = "14" / >
< s:Label = "270" x = "119" text = 'Skills' color = "#FFFFFF" fontWeight = "bold" fontSize = "14" / >
< mx:Image = "4" x = "151" source = "images/twitter.gif" width = "85" height = "21" / > "
< mx:Image = "6" x = "199" source = "images/facebook.jpg" width = "85" height = "21" / > "
< s:Label = "99" x = "160" text = "Label" color = "#FFFFFF" / >
< s:Label = "99" x = "208" text = "Label" color = "#FFFFFF" / >
< mx:DataGrid = "283" x = "376" id = "dataGrid" creationComplete = "dataGrid_creationCompleteHandler (event)" dataProvider = "{getSpecificResultResult.lastResult}" > "
< mx:columns >
< mx:DataGridColumn headerText = "id" dataField = "id" / >
< mx:DataGridColumn headerText = "expert" dataField = "expert" / >
< mx:DataGridColumn headerText = "project" dataField = "project" / >
< mx:DataGridColumn headerText = "searchTerm" dataField = "searchTerm" / >
< mx:DataGridColumn headerText = "searchCriteria" dataField = "searchCriteria" / >
< mx:DataGridColumn headerText = "Department" dataField = "department" / >
< mx:DataGridColumn headerText = "name" dataField = "name" / >
< mx:DataGridColumn headerText = "img" dataField = "img" / >
< / mx:columns >
< / mx:DataGrid >
< / s:TitleWindow >

It should work fine if you did changes properly. You will see directly the _dataid of the property which you type titleWindow. through code intellisense.

As because you stated a public variable it must defenitely be accessible for the titleWindow instance. Please cross-check you do not have something wrong.

Thank you

Jean Claude

Get the current index value of the table control

I have a table control 1 d on a panel that contains a value of temperature curve that I send to a temperature controller. The values in the table are not unique, because for example 40.5 degrees in the table could represent 40.5 degrees on the cycles of cooling or heating. I could have severat heating/cooling cycles programmed into the table. I would like a way to read the array index of the currently displayed item in the array in the up/down control of index on the left of the table control. I could then run curves partial temperature easily by neutrophilia a starting point on the curve in the table control.

I don't see a property that I can use to get this index value. Anyone have any ideas?

Thank you

J

Use the property 'index values. It will be the first item of the output of a 1-d array.

After update for first Pro CC 2015.3 I can not move the values in the effect controls panel

Hello!
After update for Premiere Pro 2015.3 of CC, I can't change the value of the property in the effect controls panel by dragging left or right when you move the pointer over the underlined value. The two small arrows appear, but nothing happens when I drag them and it is so annoying. I tried now pressed the SHIFT key and several others trying to drag, but it makes no difference. I restarted the program and my computer but still no difference. All the patches?
Thank you!

Hello Ann,.

I found the problem, it's my wacomtablet. When I use the magic mouse, it works great! So, I guess I should update the wacomdriver, perhaps. If your response gave me the idea to check for this. Thank you!

Can not set a value by the executed dynamic action on the page element "selection list."

I created an agenda of the page 'list of selection' and I want to when I change a value in another element of the page set only 'screen '.
I created a dynamic action on the page element "selection list" for this.
These are the dynamic action attribute:
When:
======
Event: change
Selection type: point
Article: P29_PURCHASE_ORDER
Condition: No strings attached
Advanced:
========
Scope of the event: static
Identification:
==========
Action: Set
The ' Action Page when the changed value "attribute of the element of 'list of selection' = 'None', and when I run form the dynamic action run and set the value for once and do not update the value according to the change in the article"list of selection. "
Note: when I change the previous attribute of 'Redirect and set', dynamic action run and properly value, but the value was hidden soon
I want to value when the value of change of select list according to this change successfully.
Please, advice me,
Best regards
Mustafa Ezzat

Hello

you set the value of the 'Page elements to submit' to P29_PURCHASE_ORDER?

Then, the SQL statement would use the current selected value.

This is the help text says: "specify a list separated by commas of the elements of the page that will be submitted to the server and therefore available for use in your"SQL statement"," PL/SQL Expression"or"Body of the PL/SQL function".»

Kind regards

Erik-jan

Set a value for the range selector

Hello
I'm trying to set a value for a range by script selector but without success.
Here is my line of code:
-app.project.item (1).layer("Text1").property ("ADBE Text properties") .property ("ADBE Text Animator").property("ADBE_Text_Selector").property ("ADBE Text Index End") .setValue (3);
the error I get is "Undefiened is not an object.
Maybe the property method does not work for the range selector.
I am rookie in script... that could explain the issue
Thank you
Aurélien

Looks like you're missing a few steps. A host of text is included in the Group of text animations. A range selector is in the Group of selectors of text. Each of them can be referenced by name or index (you can have several animators and selectors).

App.Project.Item (1).layer("Text1").property ("ADBE Text properties") ("ADBE Text animators") .property .property (1).property("ADBE_Text_Selectors").property (1) .property ("ADBE Text Index End") .setValue (3);

I recommend you google and download the script "GimmePropPaths" from Jeff Almasol. Invaluable for this kid to reference.

Paul

Apex. Submit in javascript do not set a value for the element
Hi all
I work with Application Express 4.1.1.00.23.

I am trying to use this
```
apex.submit({request:parRequest,set:{'P30_SELECTED_ROW_ID':parID},showWait:true});
```
in order to assign a different value to P30_SELECTED_ROW_ID, and depending on demand, run the processes corresponding, but even if the beginning of the process correctly the value of the element sucks.

I also try to call the apex.submit using a javascript function to check the parameters passed and the value of Thierry is correct and NON NULL .

Thanks in advance for any help or suggestion.
Alex
Hello

article P1_SELECTED_ROW_ID is about to "view only".
If you replace this 'hidden' and unprotected, it should work.

But because of the check constraint DEMO_CUST_CREDIT_LIMIT_MAX credit_limit<= 5000="" there="" will="" be="" an="" error="">

Good luck, Erik-jan

How to clear a selected line of the datagrid control in flex 4

Hi friends,
I have a datagrid and a button, delete once I've selected a line of datagrid, then click on Remove button medium it should remove the data grid.
How to do this.please help.
No matter what welcome suggession
Thanks in advance,
Vegas

Hello

For that you call the same function on click of a button. This button is outside your datagrid control.

public void deleteItem(event:MouseEvent):void {}
dgArrayCollection.removeItemAt (dg.selectedIndex);
dgArrayCollection.refresh ();
}

Thank you and best regards,

---------------------------------------------------------------------- -----------------------------

Kanchan Ladwani | [email protected] | www.infocepts.com

---------------------------------------------------------------------- -----------------------------

Setting cell values in the DataGrid control

Similar Questions

Substitution strings

Maybe you are looking for

Header 1	Header 2	Header 3
Student A	CheckBox1	CheckBox2