Merge datagrid cells in flex.........

Is it possible to merge Cells in datagrid..... how can i merge a row into a single cell which has 5 columns....... please help me....
thanks...............

Hello,
Please go through following link,
http://code.google.com/p/flex-table/#Demo
Thanks and Regards,
Kanchan Ladwani | [email protected] | www.infocepts.com

Similar Messages

Enlarging a Flex DataGrid cell on RollOver

Hi, I have a DataGrid which has a column named Hyperlinks where I show useful hyperlinks for the user. Sincce typically Hyperlinks are too big to show in a DataGrid cell, I need to have the column width at max 100px to be able to fit other columns in the Grid.
What I am looking for is a way to show content of the cell when the user mouse over the cell. May be when user rollover, the cell shows the content increasing its size overlapping on the adjucent cells.
Can anyone pls give me some suggestion on this? a code snippet would be very helpful if possible...
Thanks in advance, Bose.

Hi
Instead of enlarging a cell you can display data using showDataTips="true" for the respective column.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:mx="library://ns.adobe.com/flex/mx" layout="absolute" minWidth="955" minHeight="600" applicationComplete="initData()">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            private var DGArray:Array = [
                {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},
                {Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}];
            [Bindable]
            public var initDG:ArrayCollection;
            public function initData():void {
                initDG=new ArrayCollection(DGArray);
        ]]>
    </fx:Script>
    <mx:DataGrid id="myGrid" dataProvider="{initDG}" >
        <mx:columns>
            <mx:DataGridColumn dataField="Album" dataTipField="Album" showDataTips="true" />
            <mx:DataGridColumn dataField="Price" />
        </mx:columns>
    </mx:DataGrid>
</mx:Application>

Help needed to add an image to a datagrid cell in actionscript

Morning all,
I am still quite new to flex development and I have an application which uses xml to populate a datagrid. One of the row columns should display a small image but I don't know how to do that.
Can anyone show me how to add an image to a datagrid cell in actionscript?
I've added a sample of the code I have written already below. Any help would be much appreciated.
Thanks in advance,
Xander
My XM
<?xml version="1.0" encoding="UTF-8"?>
<dataset>
<modules>
<module id="1">
<icon>assets/sample_image1.png</icon>
<key>core</key>
<name>Core</name>
<description>Description of module</description>
<installed>Wednesday, 24th June 2009 @ 15:59 UK</installed>
</module>
<module id="2">
<icon>assets/sample_image2.png</icon>
<key>webproject</key>
<name>Web Project</name>
<description>Description of module</description>
<installed>Wednesday, 24th June 2009 @ 17:32 UK</installed>
</module>
</modules>
</dataset>
My Actionscript
private function dataSetHandler(event:Event):void {
    var ds:XML = new XML(event.target.data);
    var rows:XMLList = ds.elements('modules').elements('module') as XMLList;
    var columns:Array = new Array();
    for (var i:int=0; i<rows[0].elements().length(); i++) {
        var column:DataGridColumn = new DataGridColumn();
        var tag:String = rows.*[i].name();
        column.headerText = rows.*[i].name();
        column.dataField = rows.*[i].name();
        if (tag == 'icon') {
            var img:Image = new Image();
            img.id = "iconpath";
            img.width = 23;
            img.height = 20;
            img.source = rows.*[i].name();
           column.itemRenderer = img;   <-- this line shows as an error when I try to compile
        columns[i] = column;
    mydatagrid.columns = columns;
    mydatagrid.dataProvider = rows;

you cant just set image object to itemrenderer, you need to use classfactory.
http://livedocs.adobe.com/flex/3/html/help.html?content=cellrenderer_4.html

How to change content of DataGrid cell on mouse over

I am trying to change content of a datagrid cell when the mouse is over it. Changing the dataProvider does not provide immediate feedback because update is performed by renderer. I am trying to directly update content of a cell onMouseOver and restore it onMouseOut.
I am thinking of leaving the column empty and insert content onMouseOver, cleanup onMouseOut. Alternative, may be I can populate the column and mask out all but the cell the mouse is over.
Any suggestion on how this may be done?
Thanks!

I would override updateDisplayList, call isItemHighlighted and set the content of the cell accordingly
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

How to merge the cells on a tittle's report

Hi there!
Considering a simple obiee report composed of a title and a pivot table. At the same time, the title is composed of a logo and a sentence. If I export it to excel, the logo in the title and the sentence are allocated to separated cells. Do you know how to merge the cells on the tittle?
Any help will be GREATLY appreciated.
Thank you very much indeeed!!!
PS. Oracle Business Intelligence 11.1.1.6.4

Hi There,
I am also facing same issue. Please let me know if any one has solved it.
Thanks in advance.

How to enter a value into datagrid cell in wpf through manually?

Hi,
Here my datagrid rows are in readonly mode here how can i enter the values in to the datagrid cell.(means how can i edit the cell value).i am adding the value to datagrid through programetically, I think for this reason my datagrid rows
are visible in readonly mode. Then how can i edit. Please guide me.
Regards,
Bhadram

Hi Barry,
Thank you for your reply, Now i sending my sample please check it once and suggest me.
MainWindow.xaml.cs
private void Save_Click(object sender, RoutedEventArgs e)
List<CustomerMainViewModel> customer = new List<CustomerMainViewModel>(); customerviewmodel.NameTextField = tbName.Text;
customerviewmodel.AddressTextField = tbAddress.Text;
customerviewmodel.CountryField = countryddl.Text;
customerviewmodel.StateField = stateddl.Text;
customerviewmodel.Product = customerviewmodel.Product1 + "," + customerviewmodel.Product2;
foreach(string str in customerviewmodel.actionCollection)
customerviewmodel.ActionColl.Add(str);
customerviewmodel.actionCollection.Clear();
customer.Add(customerviewmodel);
dataGrid1.Items.Add(customer);
MessageBox.Show("Data Successfully Saved", " MessageBox", MessageBoxButton.OK, MessageBoxImage.Asterisk);
clearValues();
MainWindow.xaml
<DataGrid
Height="144"
HorizontalAlignment="Left"
Margin="79,447,0,0"
Name="dataGrid1"
VerticalAlignment="Top" CanUserAddRows="True"
Width="399" Grid.RowSpan="2" IsReadOnly="False">
<DataGrid.Columns>
<DataGridTextColumn Header="NAME" Binding="{Binding NameTextField,Mode=TwoWay}" Width="Auto" IsReadOnly="False" />
<DataGridTextColumn Header="ADDRESS" Binding="{Binding AddressTextField,Mode=TwoWay}" Width="Auto" IsReadOnly="False"/>
<DataGridTextColumn Header="GENDER" Binding="{Binding GenderField,Mode=TwoWay}" Width="Auto" IsReadOnly="False"/>
<DataGridTextColumn Header="COUNTRY" Binding="{Binding CountryField,Mode=TwoWay}" Width="Auto" IsReadOnly="False"/>
<DataGridTextColumn Header="STATE" Binding="{Binding StateField,Mode=TwoWay}" Width="Auto" IsReadOnly="False"/>
<DataGridTextColumn Header="PRODUCT" Binding="{Binding Product,Mode=TwoWay}" Width="Auto" IsReadOnly="False"/>
<DataGridTemplateColumn Header="ACTION" MinWidth="140" IsReadOnly="False">
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<ComboBox x:Name="actionddl" ItemsSource="{Binding ActionColl}"/>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>
In the above "xaml" file i am using the attribute "Readonly="False"" but its not effected on my code still my datagrid is in readonly mode, i don't know why it happens.
And I am adding data to my datagrid through "Wpf controls (TextBox,CheckBox,ComboBox and etc...)" while click on "save" button the data added to grid. adding to grid works properly but the entire row is in readonly mode. How can
i solve my problem.

In Web Dynpro ABAP, Can we merge two cells of a row in a table ?

In Web Dynpro ABAP, Can we merge two cells of a row in a table ?

Hallo Jagannatha,
the new table feature is available in SAP NetWeaver 7.0 EhP2 (SAP ERP 6.0 EhP5, SAP Business Suite 7i2010) named 'TableMultiEditorCell'. See [SAP Online Help|http://help.sap.com/saphelp_nw70ehp2/helpdata/en/9b/46bb0d339b42cc8d30636ca0c9f5b6/frameset.htm] for more details ...
"This UI element is a table cell variant that enables several UI elements to be placed in one table cell. This type of cell can be used for "one click actions". ...
Regards, Bertram

Merge multiple cells and rows

Hello,
I am trying to merge multiple cells and have found that I can do thi easily by selecting the adjancent row cells and using the TABLE - MERGE CELLS command. However, If I want to apply the same merge to multiple rows, I can find noquick way to do this other than selecting each set of cells and using the TABLE - MERGE CELLS command each time. Here is an example of what I want to do:
Here is the Numbers spreadsheet as normal:
Here is cell B2 and C2 merged:
Now what I want to do is the same process for rows 3 to 10. However, when I try to select the section and use the TABLE - MERGE CELLS command, I get on large cell rather than split rows of merged cells as seen below:
Any idea how I can or if I can accomplish this task?
Thanks in advance,
OriginalGumshoe

You may also use this script :
--{code}
--[SCRIPT merge_row_by_row]
Enregistrer le script en tant que Script : merge_row_by_row.scpt
déplacer le fichier ainsi créé dans le dossier
<VolumeDeDémarrage>:Utilisateurs:<votreCompte>:Bibliothèque:Scripts:Applications :Numbers:
Il vous faudra peut-être créer le dossier Numbers et peut-être même le dossier Applications.
Sélectionner le bloc de cellules à traiter.
Aller au menu Scripts , choisir Numbers puis choisir “merge_row_by_row”
Le script fusionne les cellules de chaque ligne appartenant à la sélection.
--=====
L’aide du Finder explique:
L’Utilitaire AppleScript permet d’activer le Menu des scripts :
Ouvrez l’Utilitaire AppleScript situé dans le dossier Applications/AppleScript.
Cochez la case “Afficher le menu des scripts dans la barre de menus”.
Sous 10.6.x,
aller dans le panneau “Général” du dialogue Préférences de l’Éditeur Applescript
puis cocher la case “Afficher le menu des scripts dans la barre des menus”.
--=====
Save the script as a Script: merge_row_by_row.scpt
Move the newly created file into the folder:
<startup Volume>:Users:<yourAccount>:Library:Scripts:Applications:Numbers:
Maybe you would have to create the folder Numbers and even the folder Applications by yourself.
Select the range of cells to treat
Go to the Scripts Menu, choose Numbers, then choose “merge_row_by_row”
The script merge the cells of every row included in the selection.
--=====
The Finder’s Help explains:
To make the Script menu appear:
Open the AppleScript utility located in Applications/AppleScript.
Select the “Show Script Menu in menu bar” checkbox.
Under 10.6.x,
go to the General panel of AppleScript Editor’s Preferences dialog box
and check the “Show Script menu in menu bar” option.
--=====
Yvan KOENIG (VALLAURIS, France)
2011/12/18
--=====
on run
          local dName, sName, tName, rowNum1, colNum1, rowNum2, colNum2, r
          my activateGUIscripting()
          set {dName, sName, tName, rowNum1, colNum1, rowNum2, colNum2} to my get_SelParams()
          tell application "Numbers" to tell document dName to tell sheet sName to tell table tName
                    repeat with r from rowNum1 to rowNum2
                              set selection range to range (name of cell colNum1 of row r & " : " & name of cell colNum2 of row r)
                              my selectmenu("Numbers", 6, 23) -- Merge cells
                    end repeat
          end tell
end run
--=====
set { dName, sName, tName, rowNum1, colNum1, rowNum2, colNum2} to my get_SelParams()
tell application "Numbers" to tell document dName to tell sheet sName to tell table tName
on get_SelParams()
          local d_Name, s_Name, t_Name, row_Num1, col_Num1, row_Num2, col_Num2
          tell application "Numbers" to tell document 1
                    set d_Name to its name
                    set s_Name to ""
                    repeat with i from 1 to the count of sheets
                              tell sheet i to set maybe to the count of (tables whose selection range is not missing value)
                              if maybe is not 0 then
                                        set s_Name to name of sheet i
                                        exit repeat
                              end if -- maybe is not 0
                    end repeat
                    if s_Name is "" then
                              if my parleAnglais() then
                                        error "No sheet has a selected table embedding at least one selected cell !"
                              else
                                        error "Aucune feuille ne contient une table ayant au moins une cellule sélectionnée !"
                              end if
                    end if
                    tell sheet s_Name to tell (first table where selection range is not missing value)
                              tell selection range
                                        set {top_left, bottom_right} to {name of first cell, name of last cell}
                              end tell
                              set t_Name to its name
                              tell cell top_left to set {row_Num1, col_Num1} to {address of its row, address of its column}
                              if top_left is bottom_right then
                                        set {row_Num2, col_Num2} to {row_Num1, col_Num1}
                              else
                                        tell cell bottom_right to set {row_Num2, col_Num2} to {address of its row, address of its column}
                              end if
                    end tell -- sheet…
                    return {d_Name, s_Name, t_Name, row_Num1, col_Num1, row_Num2, col_Num2}
          end tell -- Numbers
end get_SelParams
--=====
on parleAnglais()
          local z
          try
                    tell application "Numbers" to set z to localized string "Cancel"
          on error
                    set z to "Cancel"
          end try
          return (z is not "Annuler")
end parleAnglais
--=====
on decoupe(t, d)
          local oTIDs, l
          set oTIDs to AppleScript's text item delimiters
          set AppleScript's text item delimiters to d
          set l to text items of t
          set AppleScript's text item delimiters to oTIDs
          return l
end decoupe
--=====
on activateGUIscripting()
(* to be sure than GUI scripting will be active *)
          tell application "System Events"
                    if not (UI elements enabled) then set (UI elements enabled) to true
          end tell
end activateGUIscripting
--=====
my selectMenu("Pages",5, 12)
==== Uses GUIscripting ====
on selectmenu(theApp, mt, mi)
activate application theApp
          tell application "System Events" to tell application process theApp to tell menu bar 1 to ¬
                    tell menu bar item mt to tell menu 1 to click menu item mi
end selectmenu
--=====
--[/SCRIPT]
--{code}
Yvan KOENIG (VALLAURIS, France) dimanche 18 décembre 2011 22:21:24
iMac 21”5, i7, 2.8 GHz, 12 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.2
My iDisk is : <http://public.me.com/koenigyvan>
Please : Search for questions similar to your own before submitting them to the community

Merge of Cells in ALV table in ABAP webdynpro.

Hi All,
We have a requirement to merge cells vertically if the consecutive cells have same data.(The merge of cells happens when we click on sort of a column.) This functionality needs to be achived with out sorting the cells.Sorted data is populated in the ALV table.
I will be greatfull if any one can help us on this issue.
Thanks in advance
Regards,
Sharath

Hi Sarath,
Check this..
http://help.sap.com/saphelp_nw70ehp2/helpdata/en/9b/46bb0d339b42cc8d30636ca0c9f5b6/frameset.htm
and go through this..
merging cells in table
http://forums.sdn.sap.com/click.jspa?searchID=71460300&messageID=9768692
cheers,
Kris.
Edited by: kissnas on Apr 18, 2011 12:10 PM

Moive clip in dataGrid cell.

I want to put a movie clip into datagrid cell
and cell data will change the color of the movie clip.
how could I do that?
pls help

I think, you can use cellRenderer.
If you want add icon something like that means, you can use
"setPropertiesAt"

Merge table cells of JTable

Can we merge two cells of JTable, the way we do it in html using rowspan and colspan?

no, that's unsupported. There are some (partly oldish, google should help) experiments out there - but beware: they all require tweaks on the level of the ui-delegates which isn't a real option most of the time.
Cheers
Jeanette

Merge Multiple cells in BEx Analyser

Hi Gurus
Where we have to write MACROs code to Merge multiple cells in excel (BEx Analyser) once the report got displayed in.
ThanX in advance
Peter B.

Hi,
At top menu of excel , you can write MAcro...but i wud say if you can avaoid macro...its best thing as its hgh maintenance..
Cannot you achieve without macros??
Gaurav

How to resolve merge empty cells JS error

Hi Scripters
I am new to scripting and now looking into it.
I am trying to write a table script for that, I found one merge empty cells JS from Jongware GfBROo
table = app.selection[0];
if (!(table instanceof Table)) table = table.parent;
if (table instanceof Cell) table = table.parent;
if (table instanceof Table)
     for (r=0; r<table.rows.length; r++)
          c = 0;
          while (c < table.rows[r].cells.length)
               while (c < table.rows[r].cells.length &&
                    table.rows[r].cells[c].contents.length > 0)
                    c++;
               while (c < table.rows[r].cells.length &&
                    table.rows[r].cells[c].contents.length == 0)
                    table.rows[r].cells[c].merge (table.rows[r].cells[c-1]);
Even though for almost tables it's working like charm but in some of the cases it's falling me in trouble by showing this error "Object is Invalid" at bold face line.
Though I can guess some problem wolud be with those tables but I am not able to catch it.
Could any one any way suggest me to resolve this error.

Thanks for reply Loic_aigon
As Marc suggested in discussion, I used
myTable.rows[r].cells[c].characters.everyItem().contents.length > 0
But above syntex falls script to infinite loop.
any other help will be appreciated.

Combobox behavior inside a datagrid cell

How do you control the width of a combobox that resides
inside a datagrid cell? Merely setting cb.dropdownWidth = "some
value" does not work.

ok.. i got it. You can successfully modify
dropdownWidth from withing your CellRenderer class using the 'open'
event.

Adding MovieClip to DataGrid Cell

Hi to all..
I have added components like ComboBox, CheckBox etc in the
DataGrid cell..
But Now I want to add MovieClip If not possible then Swf in
the DataGrid cell using cellrenderer.
Is it possible to add such things.
If yes can you guide me how..? I have spend 3 days after
this... Please Help me out..
Thanks.

quote:
Hi...
I'm using AS3.
By the way I have added Movieclip on the data grid cell...
But now the problem is how to make it editable because I have
added two components on the same cell...
And that cell take this both component as object and you can
not edit that object by just making that column as editable =
true... so if any one can suggest me the way..
the help will be appreciated......

Merge datagrid cells in flex.........

Similar Messages

Maybe you are looking for