Dynamic DataGrid with Preferred columns

Hi all,
I want to populate a dynamic DataGrid with User Preferred
columns (ex : EmpId,First Name and Phone). Each time columns may
change based on User Selection in Preferences Page so columns
should not hard code. I'm able to see data for EmpId, First Name
but I want to see the Inner tag data of "Phone" as a Field.
Sample XML ....
<emp>
<empId>1002</empId>
<firstName>Smith</firstName>
<lastName>John</lastName>
<address>
<city>Ohio>
<phone>433-234-322</phone>
<zip>60003</zip>
</address>
</emp>
Thanks.

To display nested data, you must use a labelFunction. I have
several labelFunction examples on cflex.net.
You can assign a function reference to the column's
labelFunction property in the column generation code.
Tracy

Similar Messages

Dynamic Table with two columns

Hi!
i have to create a Dynamic Table with two columns having 5-5 links each with some text...... three links r based on certain conditions....they r visible only if condition is true...
if the links r not visible in this case another links take it's place & fill the cell.
links/text is coming from database.
i am using Struts with JSP IDE netbeans
Please help me
BuntyIndia

i wanna do something like this
<div class="box_d box_margin_right">
          <ul class="anchor-bullet">
          <c:forEach items="${data.faqList}" var="item" varStatus="status"
                    begin="0" end="${data.faqListSize/2-1}">
                    <li>${item}</li>
               </c:forEach>
          </ul>
          </div>
          <div class="box_d">
          <ul class="anchor-bullet">
          <c:forEach items="${data.faqList}" var="item" varStatus="status"
                    begin="${data.faqListSize/2}" end="${data.faqListSize}">
                    <li>${item}</li>
               </c:forEach>
          </ul>
          </div>
wanna divide table in two columns....if one link got off due to condition other one take it's position...
I have created a textorderedlist
Bunty

Dynamic gallery with 3 columns and 5 rows with paging

guyz, i am new to spry and i need your help. i want to create
a dynamic gallery with data source as xml. i want to create a
gallery with 3 columns and 5 rows.Basically a wallpaper page where
there would be 15 wallpapers in a page with a link of downloading
wallpapers with resolution 800x600,1024x768 and 1280x1024.
for example if there are 63 wallpapers for a section , then
there would be 5 pages with 5th page having only 3 wallpapers.
everytime a wallpaper is added to xml, it automatically adds
it up in html...
plz help....i really want to create this asap and i cant find
any help...

thanks a ton for your response.... Meanwhile i figured out
the solution myself using photogallery tutorial where div fixes the
width and the next repeated element get shifted to another
line.....
now i am struck with another problem.
i need to give substring to a particular data on xml.
for example i have the following xml
<movies>
<data>
Important Note: These online forums are for user-to-user
discussions of Adobe products, and are not an official customer
support channel for Adobe. If you require direct assistance, or
prefer to contact Adobe support staff directly, please contact
Adobe support.
</data>
</movies>
i want to display only first 50 characters of data tag.....
whats the code/syntax to do so.....

Advanced datagrid with grouped columns and grouped rows

hello every body, plz need your experience help. 'cause Im so new using FLEX
I have an XML (like an XML data type) something like this
<Table>
<Rows>
    <cAgencia>F0002</cAgencia>
    <cAgNombre>SanBorja</cAgNombre>
    <cTVentanilla>V0002</cTVentanilla>
    <dTVNombre>Plataforma</dTVNombre>
    <TcksEnEspera>20</TcksEnEspera>
    <VentsEnAtencion>50</VentsEnAtencion>
</Rows>
<Rows>
     <cAgencia>F0003</cAgencia>
     <cAgNombre>Miraflores</cAgNombre>
     <cTVentanilla>V0002</cTVentanilla>
     <dTVNombre>Plataforma</dTVNombre>
     <TcksEnEspera>30</TcksEnEspera>
     <VentsEnAtencion>40</VentsEnAtencion>
   </Rows>
<Rows>
     <cAgencia>F0002</cAgencia>
     <cAgNombre>SanBorja</cAgNombre>
     <cTVentanilla>V0003</cTVentanilla>
     <dTVNombre>Caja</dTVNombre>
     <TcksEnEspera>55</TcksEnEspera>
     <VentsEnAtencion>25</VentsEnAtencion>
   </Rows>
   ...... (continue)
</Table>
so, I need to make a table (I guess with advancedDataGrid) something like this
as you can see,   I have to group them by columns and Rows. I have found a "mx:groupedColumns" that maybe could help me , but I couldn't find something like "mx:groupedRows".
The grid may be dynamic,   for example if I have another XML node like:
<Rows>
     <cAgencia>F0004</cAgencia>
     <cAgNombre>SanMiguel</cAgNombre>
     <cTVentanilla>V0002</cTVentanilla>
     <dTVNombre>Plataforma</dTVNombre>
     <TcksEnEspera>15</TcksEnEspera>
     <VentsEnAtencion>52</VentsEnAtencion>
   </Rows>
the grid may add a ROW and in the column of plataforma add the data: 15 and 52, so the grid may be something like this:
as you can see, the grid may add rows and columns in depends of the count of XML data.
plz help.
thanks, regards from Lima, Peru.
JS

any help ????????? I found OLAPDataGrid .....   I was thinking to send all the data into a bidimensional Array , then pass the data of my bidimensionalArray to OLAPDataGrid ... but I'n not sure if Flex is able to do it ....
the really serious problem is the special ROW I must use ...
regards
JS

(Advanced)DataGrid with selectable columns

Hello -
I'm trying to make a Flex (Advanced)DataGrid component with some mechanism where the user can toggle the visibility of the columns. I've crudely implemented this by reading in the columns into the right-click menu, and when a column name is selected here, the visibility is toggled. It works, but it's not the most elegant solution.
Specifically, I'm trying to emulate the "datagrid" that Mozilla Thunderbird uses to display emails. Here is an image:
In the upper right, there is an icon over the scroll bar. If there is no scrollbar, the icon remains in the same place. When clicking the icon, it opens up a menu that shows all the possible columns, with the visible ones having a check mark next to them, like this:
Also, the scroll bar always appears under this button, never "pushing" it over into it's own column.
I'd like to re-create this in Flex. I believe the menu part and creating a column with a button headerRendered is easy enough. But I can't figure out how (if at all possible) to do this with the scrollbar, because the scrollbar always seems to be "its own column". Any ideas or help would be appreciated. Thank you.
- Ian

This blog post seems to answer your question:
http://blog.flexgeek.in/2007/06/tips-tricks-adding-a-combobox-to-a-datagrid-header-as-head errenderer/
http://omalraj.com/2009/06/flex-datagrid-header-with-a-combobox-filter/
http://franto.com/custom-header-in-datagrid-part-2/
http://blogs.adobe.com/aharui/2007/03/thinking_about_item_renderers_1.html
If this post answers your question or helps, please mark it as such. Thanks!
http://www.stardustsystems.com
Adobe Flex Development and Support Services

DataGrid with Image column rendering problem

Hi,
I'm having trouble in getting images displayed on a datagrid
column. If I scroll down and then scroll up the scrollbar, the
images are rendering fine. The source of the image is Bitmap which
is generated at run time. Any idea how to solve this problem? Any
help is greatly appreciated.
Thanks,
Jeesmon
My component code is pasted below
"Attach Code"
<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="
http://www.adobe.com/2006/mxml"
creationComplete="init()" dataProvider="{cardDataProvider}">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;
import
org.eclipse.higgins.cardselector.filters.CustomDropShadowFilter;
import mx.collections.ArrayCollection;
import mx.controls.Image;
import org.eclipse.higgins.cardselector.icard.Card;
[Bindable]
private var cardDataProvider:ArrayCollection;
private var _cards:Array;
public function get cards():Object {
return this._cards;
public function set cards(value:Object):void {
this._cards = value as Array;
if(this._cards != null && this._cards.length > 0)
buildDataProviderArray();
private function buildDataProviderArray():void {
var dataArray:ArrayCollection = new ArrayCollection();
for(var i:int = 0; i<this._cards.length; i++) {
var card:Card = this._cards
dataArray.addItem(card);
this.cardDataProvider = dataArray;
private function init():void {
this.styleName = "CardsBox";
this.width = 200;
this.rowHeight = 120;
this.headerHeight = 0;
this.liveScrolling = true;
this.filters = [new CustomDropShadowFilter(0x333322, 55,
2).getInstance()];
]]>
</mx:Script>
<mx:columns>
<mx:DataGridColumn sortable="false" editable="false"
resizable="false">
<mx:itemRenderer>
<mx:Component>
<mx:VBox width="100%" height="100%" paddingLeft="5"
paddingRight="5" paddingTop="5" paddingBottom="0"
verticalGap="0">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function getBitmap(value:*) : DisplayObject
var result:DisplayObject;
var loader:Loader = Loader(Image(value).getChildAt(0));
if(loader.contentLoaderInfo.childAllowsParent)
if(loader.content is Bitmap)
var bitmap:Bitmap = Bitmap(loader.content);
result = new
Bitmap(bitmap.bitmapData,bitmap.pixelSnapping,bitmap.smoothing);
return result;
]]>
</mx:Script>
<mx:Image source="{getBitmap(data.getImage())}"
height="80" width="120" styleName="CardsBoxImage" />
<mx:Label text="{data.getName()}"
styleName="CardsBoxLabel" width="100%" />
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>

I solved the issue by adding creationComplete event handler
for the image in the datagrid column
<mx:Image source="{data.getImage()}" height="80"
width="120" styleName="CardsBoxImage"
creationComplete="event.target.source =
getBitmap(event.target.source)" />

Dynamic table with multilevel column header

Hi all ,
Can u please tell me how to create dynamic internal table and display which has two level column header using alv.
For example : | amount | year | Month |
in $
in #
oct
nov
Thanks in advance ,
SA

Hi SA,
For your first question - Creating dynamic table refer code below...
PARAMETERS: p_input TYPE i OBLIGATORY.
START-OF-SELECTION.
DATA: v_fieldname TYPE char30.
DATA: v_char TYPE numc4.
DATA: it_fldcat TYPE lvc_t_fcat.
DATA: wa_it_fldcat LIKE LINE OF it_fldcat.
DATA: gp_table TYPE REF TO data.
FIELD-SYMBOLS: <gt_table> TYPE table.
DO p_input TIMES.
v_fieldname = 'COL'.
v_char = sy-index.
CONCATENATE v_fieldname v_char INTO v_fieldname.
CONDENSE v_fieldname.
CLEAR wa_it_fldcat.
wa_it_fldcat-fieldname = v_fieldname.
wa_it_fldcat-datatype = 'CHAR'.
wa_it_fldcat-outputlen = 5.
wa_it_fldcat-intlen = 5.
APPEND wa_it_fldcat TO it_fldcat .
ENDDO.
CALL METHOD cl_alv_table_create=>create_dynamic_table
EXPORTING it_fieldcatalog = it_fldcat
IMPORTING ep_table = gp_table.
ASSIGN gp_table->* TO <gt_table>.
Now you can use <gt_table> ..
2. It is not possible to have multiple format column for ALV..
Hope this solves ur prob..
Enjoy SAP.
Pankaj Singh.

Creating dynamic reports with overflowing columns

I'm working on designing a reporting module that will create reports in PDF format that can be viewed or printed. The reports will have overflowing columns and rows. The user will be able to specify the columns and will also be able to justify placing of logos in the header.
I am reviewing several tools like Dynamic PDF Generator for Java, and was wondering if there other tools that can help. The tools can either be free or paid.

Hi John,
It's a lot of processing but using the formula on the position of the column may work for you... Right click on the field and select Size and Position and then click on the X2 button and then write a formula based on some logic that determines if and where the column is displayed.
If the second column is always there then just hide the 3rd column... but if the 3rd column needs to be moved to the second columns position then you have to determine if the value is true or false and if the second column does exist etc....
Sorry I don't have any samples but I'm sure someone out there does.... Or can provide details if you need them.
Thank you
Don

Dynamic URL with report column not showing

I created a URL based on a report column in select report region, however instead of seeing the URL link I see the whole text , what am i doing wrong ?
Fee Detail
select col1, col2,
CASE
WHEN DPF_CLIENT_FEE_TYPE ='THPSCL' THEN
'Fee Detail'
ELSE NULL END AS col3
from table
Thanks for your help
Edited by: user5397822 on Dec 20, 2011 1:00 PM

Check that the "Strip HTML" opion is not set to Yes on the Report Attributes page (Layout section).

Datagrid with calculated column

Hi all,
Does anyone know how or where I might learn to create a
calculated field in a DataGrid?
Flex 2

There are several ways, depending on what you want.
Easiest is to use a labelFunction() instead of a dataField.
A custom item renderer is another way.
Yet a third way is to have your dataProvider be a collection
of custom value objects, one of which is the calculated value.
Tracy

Trouble with DataGrid's last column width

I have a datagrid with thirty columns.
When I use the mouse to drag the window and resize its size,the last column width becomes more and more wide,and the previous column width is squeezed small.
If anybody else came accross the same problem,can you share your solution?
Thanks,
April

If horizontalScrollPolicy=”off” then there is an attempt to fit all columns within the width of the DG while respecting minWidth of the columns. Make sure the minWidths allow the columns you want to shrink can shrink.
However, there is still a chance of round-off error. I think the only solution may be to set the width of each column as you want it on a resize event from the DG.

Dynamic datagrid

Hey all. I have a datagrid that has it's columns generated
dynamically based on whatever columns are in the database. I have
no problems retrieving the columns and dynamically creating my
datagrid with those columns. My problem arises not with generating
the columns but with inserting the data.
For example, I have an array that has all the columns as well
as an array that has my data. The data array is split for each
value row by row. So, assuming I have columns id and date with 3
records, the array would go [id, date, id, date, id, date]. Problem
is, I cannot figure out how to add each unique array entry JUST to
one cell, not the entire row. Is there some way where I can say
that each item in an array is just to one cell and not an entire
row/column without hard coding the column names beforehand? I
really hope this makes sense because I'm stumped!

Hi,
Use array collections.
here is an example.
http://blog.flexexamples.com/2008/05/11/creating-an-editable-datagrid-control-in-flex/
Rgds
JFB

Dynamic table with dynamic drop-down list values

Hi,
I need to display a dynamic table with 2 columns on an interactive form.
My Context is defined as below:
Root
StudentData     0..n
StudentName
StudentCourses     0..n
Text
Value
The 1st column should display student name, 2nd column should display student courses. The courses will be different for each student. I populated the context properly. I checked it by printing them. My DDL is bound to "Student Courses".
When there is one row -> The DDL is populated with the courses of student 1 (as there is only one).
When there are more rows -> The DDLs for all the students are populated with all the courses of all the students.
I want to see the data populated like:
TEXTFIELD    DROP-DOWN LIST
Student 1------Student1-Course1
Student1-Course2
Student1-Course3
Student 2------Student2-Course1
Student2-Course2
Student2-Course3
I tried to do this in plain web dynpro using SVS.. it is also working similarly.
I have set the singleton property of nodes "StudentData" and "StudentCourses" to false.
Could any one tell me where I am going wrong?
Thanks
Ram

Ram,
I'm not sure how much this will help, but I know I had the same problem as you when I tried to get a similar thing working, but I can't remember which of the many changes I made fixed the problem, so I'll just show you my code and perhaps you can see if anything is different than yours.
Here's where I'm creating my dropdown - in my case EastNew_RegOut is the same as your StudentData, and RateTypeDropValues is the same as your StudentCourses (the comments in the code are not meant to sound bossy to you, this is actually an example piece of code that other developers in my company "steal", so I have to put very specific instructions in there!):
int nodeSize = wdContext.nodeEastNew_RegOut().size();
for (int i = 0; i < nodeSize; i++) {
     //create an element called "table", that's the element at i. So, basically it's a row. Maybe I should have
     //called it "row" instead of table.
     IPublicDeviceExchange.IEastNew_RegOutElement table = (IPublicDeviceExchange.IEastNew_RegOutElement)wdContext.nodeEastNew_RegOut().getElementAt(i);
     //this line of code just executes an rfc that finds out what rates need to be in the dropdown for this particular row
     executeRateTypeDropdown(rateCategory, table.getNum(), wdContext.currentEastNew_MeterOutElement().getReggrp());
     //clear out what's already in there before we re-populate it.
     table.nodeRateTypeDropValues().invalidate();
     //now, I'm looping through all the values in the *actual* rate type dropdown (the one that's an RFC, populated by the above "execute" method)
     for (int j = 0; j < wdContext.nodeEastRatetype_DropdownOut().size(); j++) {
          //for each element in the *actual* Rate type dropdown, I'm going to create an element in my node that I created
          //and set the values from the *actual* one as the values in my node.
                    IPublicDeviceExchange.IRateTypeDropValuesElement element = wdContext.createRateTypeDropValuesElement();
          IPublicDeviceExchange.IEastRatetype_DropdownOutElement rateTypeOut = (IPublicDeviceExchange.IEastRatetype_DropdownOutElement)wdContext.nodeEastRatetype_DropdownOut().getElementAt(j);
          element.setText(rateTypeOut.getText());
          element.setValue(rateTypeOut.getRatetype());
          //here's another key - notice how I don't say wdContext.nodeRateTypeDropValues() - it's the one that's
          //directly off that table I created earlier - the thing that's essentially a row in my newReg table.
          //So, what I'm doing here is adding that new element I created to the dropdown FOR THAT ROW!
          //(btw, if you're trying to duplicate this, and this method does not exist for your "table" object, it's
          //probably because you didn't listen to me above and you didn't create your node with the singleton property
          //set to false.)
          table.nodeRateTypeDropValues().addElement(element);
As for my layout... my table is bound to the EastNew_RegOut node, and the column with the dropdown is bound to RateTypeDropValues.Value (that's probably obvious, but there you have it anyway)
Finally, in my context, EastNew_RegOut is singleton = true (I was surprised about this, actually, I would have assumed it was false) with a selection of 0..1 and RateTypeDropValues has singleton set to false with a selection of 0..1
I hope that helps to some degree!
Jennifer

DataGrid with Custom Component not showing sub-components

I'm hoping someone can enlighten me on this issue.
I have a datagrid with one column which has an item renderer. It doesn't matter if the "text" data comes from a dataProvider or is static.
If I do the following, only the first label will show up.
<mx:DataGridColumn headerText="Column Title">
     <mx:itemRenderer>
           <mx:Component>
               <mx:VBox>
                    <mx:Label text="{data.data1}" />
                    <mx:Label text="{data.data2}" />
               </mx:VBox>
          </mx:Component>
     </mx:itemRenderer>
</mx:DataGridColumn>
However, if I change the VBox to a HBox both labels will show up.
<mx:DataGridColumn headerText="Column Title">
      <mx:itemRenderer>
            <mx:Component>
                <mx:HBox>
                    <mx:Label text="{data.data1}" />
                     <mx:Label text="{data.data2}" />
                </mx:HBox>
           </mx:Component>
      </mx:itemRenderer>
</mx:DataGridColumn>
I'm using:
Flex Builder 3 Standalone
Version: 3.0.214193
OS: Vista
Any ideas or comments would be appreciated.

Thanks for the reply KomputerMan.com. I've tried changing the dimensions of the VBox and no other labels appeared. Usually, when there is not enough room within the datagrid cell scrollbars will appear - you can experiment with the example below to see what I mean.
As for radiobuttons in a datagrid, here you go. The DataGrid and its dataProvider are constructed in the same way you normally would.
<mx:DataGridColumn headerText="Approve/Deny/Pending" width="170">
    <mx:itemRenderer>
        <mx:Component>
            <mx:HBox height="27" paddingLeft="10">
                <mx:Script>
                    <![CDATA[
                        private function isSelected(s:Object, val:String):Boolean {
                            if ( s.toString() == val) {
                                return true;
                            } else {
                                return false;
                    ]]>
                </mx:Script>
                <mx:RadioButton groupName="approveType"
                    id="approved"
                    label="A"
                    width="33"
                    click="data.status='1'"
                    selected="{isSelected(data.status, '1')}"/>
                <mx:RadioButton groupName="approveType"
                    id="denied"
                    label="D"
                    width="33"
                    click="data.status='2'"
                    selected="{isSelected(data.status, '2')}/>
                <mx:RadioButton groupName="approveType"
                    id="Pending"
                    label="P"
                    width="33"
                    click="data.status='3'"
                    selected="{isSelected(data.status, '3')}/>
            </mx:HBox>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

Dynamic Table with Random Records

What I am trying to do is select random records from a table
and display them in a dynamic table with max columns set to 3 and
the 4th record to be on a new row. Below is what I have right now
and it works to randomly pick records but has no function to set
columns in a table. If there is an easier way feel free to let me
know. I have tried various ways to do this but none seem to work.
<CFQUERY NAME="getItems" DATASOURCE="absi">
SELECT catfit.*, modcats.*, prodmat.*, prod.* FROM catfit,
modcats,
prodmat, prod WHERE prodmat.prodid=catfit.prodid And
catfit.catid=modcats.catid
ORDER BY modl ASC </cfquery>
<cfif getItems.recordCount>
<cfset showNum = 3>
<cfif showNum gt getItems.recordCount>
<cfset showNum = getItems.recordCount>
</cfif>
<cfset itemList = "">
<cfloop from="1" to="#getItems.recordCount#"
index="i">
<cfset itemList = ListAppend(itemList, i)>
</cfloop>
<cfset randomItems = "">
<cfset itemCount = ListLen(itemList)>
<cfloop from="1" to="#itemCount#" index="i">
<cfset random = ListGetAt(itemList, RandRange(1,
itemCount))>
<cfset randomItems = ListAppend(randomItems, random)>
<cfset itemList = ListDeleteAt(itemList,
ListFind(itemList, random))>
<cfset itemCount = ListLen(itemList)>
</cfloop>
<cfloop from="1" to="#showNum#" index="i">
<cfoutput>
<table width="205" border="0" align="left"
cellpadding="0" cellspacing="0">
<tr>
<td width="235" height="116"> <div
align="center"><img
src="../Products/ProductPictures/#getitems.pic[ListGetAt(randomItems,
i)]#" width="100"></div></td>
</tr>
<tr>
<td
class="ProdTitle">#getitems.brand[ListGetAt(randomItems,
i)]# #getitems.modl[ListGetAt(randomItems, i)]#</td>
</tr>
<tr>
<td
class="paragraph">$#getitems.prc[ListGetAt(randomItems,
i)]#</td>
</tr>
<tr>
<td><A
href="../Products/details.cfm?prodid=#getItems.prodid[ListGetAt(randomItems,
i)]#" class="linkcontact">more
info</a></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</cfoutput>
</cfloop>
</cfif>

To start a new row after 3 records, do something like this.
<table>
<tr>
<cfoutput query="something">
<td>#data#<td>
<cfif currentrow mod 3 is 0>
</tr><tr>
</cfoutput>
</tr>
</table>
You should also know that your approach is very inefficient
in that you are bringing in to cold fusion more data than you need.
First of all you are selecting every field from 3 tables when you
don't appear to be using all of them. Second, you are selecting
every record and you only want to use 3. There are better ways out
there, but they are db specific and you did not say what you are
using.

Dynamic DataGrid with Preferred columns

Similar Messages

Maybe you are looking for