Apply style on advanced datagrid

Hello,
I would like to apply bold style on the text inside the red rectangle (see attached)
Thank you for your help

hmmm i though i couldnt be misunderstood.
anyway i´ll give it a new go.
if you are using a form (SAP-SCRIPT/SMARTFORM) to print the include text, the style of that form will get used.
So, if you want to format that include text using paragraph and character formats, you need to use paragraph and character formats which are known in the form.
Or if you used new other formats, you need to add those to the style of the form or the form itself if its SAP-SCRIPT.

Similar Messages

Grouping issue on Advanced DataGrid

Hello,
I've got an advanced datagrid with 5 columns, The number_Group column has data like this...
1-10
1-10
11-20
11-20
11-20
21-30
21-30
21-30
41-50
101-110
When I apply Grouping, it works as expected but the 101-110 group is displayed before the 11-20 group.
I've tried to set groupingField.numeric = true but that screws it up even more... because 11-20 isn't a number I'm guessing.
Does anyone know a way around this? I could change the number_Group column to this...
1
1
11
11
21
41
101
and groupingField.numeric = true should work but I need the Grouping display to show 1-10, 11-20. Perhaps I can intercept this and modify it?
Anyone got any ideas?
Thanks,
Nick

Hi, Nicky
u can solve this problem by grouping function.
u create ur dataprovider like
private var myData:ArrayCollection = new ArrayCollection([{data1:1, data2:10,......},
{data1:1, data2:21, ....}]);
u declare the grouping function in following manner
private function myGroupLabelFunction(item:Object, column:AdvancedDataGridColumn):String
// here u write ur logice to formatting ur dispalying data in advance grid.
//suppose ur labelfield of datagrid are data1,data2, data3 respectively.
return item.data1+"-"+item.data2;
if u do in this way i think it will work.
if u sucess then give me mark.
Thanks
Niranjan

Shortcut to: Apply (style), Clear Overrides ?

Hi there,
I'm working on a approx 100pg price list that I've set up a tables for, and the design of it has changed slightly (sigh). It looks like a basic excel spreadsheet and I have imported the text already. Basically, I'm going through and applying a cell style to various rows, not equidistant from each other -- some 3 rows apart, some 15. I need to, and have been, highlighting the row, right-clicking the particular cell style, and doing the "Apply (style), Clear Overrides" to get the desired result. So, what I was wondering, Is there ANY way to create a shortcut to do this? I know how to apply the style with a shortcut, but not the overrides option.
Even better, if anyone knows how to select multiple rows at once and apply, that would be fantastic.
Love this forum and thanks in advance!

I was just thinking about that cost/benefit analysis on my way to work this morning. If it takes me a whole hour to gin up that script, then how many months before I make those hours back in time saved? My parastyles always have numpad shortcuts (e.g. Control + numpad 8), and my "Clear All Overrides" shortcut is Control + Shift + numpad Enter, so it might be a long, long time before the saved fraction of a second from using a single script instead of two keyboard shortcuts that are right next to one another adds up to the hour of Javascript fumbling.
(Then again, if I cared that much about saving milliseconds, I wouldn't be posting this. )

Filtering of Grouped data in Advanced DataGrid

I want to display the Hierarchical Data (groped data) in
Advance DataGrid and at the same time I want the filtering
functionality as well. The problem is if I want grouped view then I
have to provide GroupingCollection to the dataprovider ( that has
no filterFunction type functionality ).
Is there any way to solve this issue?

You have to call adg.validateNow() after assigning the
GroupingCollection as dataProvider to the AdvancedDataGrid and
before applying the filterFunction.
It should be like -
adg.dataProvider = gc;
adg.validateNow();
IHierarchicalCollectionView(adg.dataProvider).filterFunction
= filterFunc;
IHierarchicalCollectionView(adg.dataProvider).refresh();
Note: The filter function will be applied to group rows
also.

How to import style from mx.DataGrid into my DataGridExt (copy-paste from mx.DataGrid)

Ok, I managed to create the DataGridExt (copy-paste from mx.DataGrid). Don't ask me why I did this, it's a long story believe me.
But it is styleless. There's no skin set and that is what I expected.
The thing is, is there a nice/magical way to tell the DataGrid skin to be applied to DataGridExt?
Thanks for attention.

In case the question was not clear:
Is there a way to have all styles of mx.DataGrid applied to my custom control called DataGridExt?

Efficiently retrieve MANY records with Advanced Datagrid?

Hi all,
I've encountered the following issue:
I have a database with more then 120.000 records, that I want to show with an advanced datagrid.
It's grouped by 2 ID's, thus showing the results a group within a group. This works perfect!
Only: it takes a long time before it shows the results, probably because it's downloading all the records at once (with the getAll() function).
Is there a way to use advanced datagrid more efficiently? Like: first download the two columns that are used to define the groups, and only retrieve data that's visible once you click the group? (In this case, the 2nd group within the 1st group)
This would greatly increase the loading-time of the whole application.
Or should I take an other aproach to this application, like, using a tree-component, a simple datagrid, writing alternative update & retrieve functions in AS3 & PHP?
Thanks!

Hi Sam, thanks for your help!
I'm not sure though how to create the returned datastructure?
Example:
Product_id
productname
category_a
category_b
1
Toy A
boy
0-3
2
Toy B
girl
0-3
3
Toy C
girl
3-6
4
Toy D
boy
6-9
5
Toy E
girl
3-6
6
Toy F
boy
0-2
7
Toy G
boy
6-9
Grouping by [category_a] and [category_b], I would like to get the following in the Advanced Datagrid, but paginated:
Product_ID
Productname
boy
0-2
6
Toy F
0-3
1
Toy A
6-9
4
Toy D
7
Toy G
girl
0-3
2
Toy B
3-6
3
Toy C
5
Toy E
In my PHP-service, I would create the following query:
     public function getProducts_paged($startIndex, $numItems) {
          $stmt = mysqli_prepare($this->connection, "SELECT product_id, category_a, category_b, productname FROM $this->tablename GROUP BY category_a, category_b LIMIT(?,?)");
          $this->throwExceptionOnError();
          mysqli_bind_param($stmt, 'ii', $startIndex, $numItems);
          mysqli_stmt_execute($stmt);
          $this->throwExceptionOnError();
          $rows = array();
          mysqli_stmt_bind_result($stmt, $row->product_id, $row->category_a, $row->category_a, $row->productname);
         while (mysqli_stmt_fetch($stmt)) {
           $rows[] = $row;
           $row = new stdClass();
           mysqli_stmt_bind_result($stmt, $row->product_id, $row->category_a, $row->category_a, $row->productname);
          mysqli_stmt_free_result($stmt);
          mysqli_close($this->connection);
          return $rows;
This will give me the right structure, Right?
Now:
- How to tell the Advanced Datagrid which 2 groups to apply?

Drag and Drop in DataGrid/Advanced DataGrid

Hi All,
Here is the scenario, assume that i have some 10 records in
DataGrid/Advanced DataGrid .I have selected 4th record and when i
try to drag the selected item to
down, i should be able to drag all the records one step down
from the selected record( from 4 th record to 10th record)
i.e, re-arranging the items
If i drag the selected item(assume that some 6th record) to
top, say to 2nd row then from the second row all the rows
has to come down.
And How do we
add the rows at middle and at the specified position?
Any help will be appricated and Thanks in Advance.

Hi All,
myself got the solution for re-arranging the datagrid items
by using the pre-defined properties of DataGrid.
I can also get the index number of Items while start dragging
but the problem is how do i get the index number where the Items
dropped.
Here is the code..............
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="horizontal">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.collections.ArrayCollection;
[Bindable]
private var datagridData:ArrayCollection = new
ArrayCollection([
{task:"testing drag and
drop",category:"Office",priority:"Medium"},
{task:"testing datagrid
DND",category:"personal",priority:"High"},
{task:"testing services for
todo",category:"office",priority:"Medium"},
{task:"meet ravi on
sunday",category:"personal",priority:"Low"},
{task:"buy a book",category:"friends",priority:"Medium"},
{task:"play cricket",category:"friends",priority:"Low"}]);
private function onDragStart():void
Alert.show("selected Indices"+dataGrid.selectedIndices);
private function onDragComplete():void
Alert.show("selected Indices"+dataGrid.selectedIndices);
]]>
</mx:Script>
<mx:DataGrid id="dataGrid" dataProvider="{datagridData}"
dragEnabled="true" dragMoveEnabled="true"
dropEnabled="true" allowDragSelection="true"
allowMultipleSelection="true" rowCount="10"
dragStart="onDragStart()"
dragComplete="onDragComplete()">

<mx:columns>
<mx:DataGridColumn dataField="task" headerText="Task"
width="200"/>
<mx:DataGridColumn dataField="category"
headerText="Category"/>
<mx:DataGridColumn dataField="priority"
headerText="Priority"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>

Grouping of Data in Advanced Datagrid

Hii,
I need to group the data in advanced datagrid. I used the Grouping collection class, but it it not working.
My advanced datagrid has column groups...so will this have any impact on grouping.
Thanks!!
Vikas

Assuming that the table (say WALK_IN_PER_LOG) that you have has atleast the following two columns
walk_in_date DATE -- holds date time stamp
dob DATE -- holds date of birth
SELECT TO_CHAR(walk_in_date,'WW')| |'-'| |TO_CHAR(walk_in_date,'DAY') "Week#-Day"
,TO_CHAR(TRUNC(TO_CHAR(walk_in_date,'HH24')/02),'09')| |'-'| |
TO_CHAR(TRUNC(TO_CHAR(walk_in_date,'HH24')/02)+2,'09')
,COUNT(*)
FROM walk_in_per_log
WHERE MONTHS_BETWEEN(SYSDATE,dob) > 18*12
GROUP BY TO_CHAR(walk_in_date,'WW')| |'-'| |TO_CHAR(walk_in_date,'DAY')
,TO_CHAR(TRUNC(TO_CHAR(walk_in_date,'HH24')/02),'09')| |'-'| |
TO_CHAR(TRUNC(TO_CHAR(walk_in_date,'HH24')/02)+2,'09')
PS I might have complicated the query a little in trying to get the formatting as you had requested but the principle is simple
First group by the day, so that all events of one day can be compared together, then extract the hour portion of each of those dates and divide by 2 and use the quotient of the division as a grouping factor.
eg
from hours
00-02 the quotient is 0 (2 is taken as 1:59:59)
02-04 the quotient is 1 (4 is taken as 3:59:59)
and so on
hope this helps....

How to apply style sheet (.css) in Weblogic directory listing

Hi,
We are migrating a directory listing application from Apache to Weblogic.
Earlier we did this by Apache httpd.conf entry like below :
<Directory "/opt/apache/httpd-2.1.9/htdocs/Myreportfolder">
IndexOptions FancyIndexing FoldersFirst NameWidth=* XHTML
IndexOrderDefault Descending Date
IndexStyleSheet "/css/style.css"
</Directory>
/opt/apache/httpd-2.1.9/htdocs folder has all it's usual resource files.
We were able to see documents in "Myreportfolder".
Now we have moved to Weblogic and using virtual directory mapping as below and we are trying to achieve the same thing:
<?xml version="1.0" encoding="UTF-8" ?>
- <wls:weblogic-web-app xmlns:wls="http://www.bea.com/ns/weblogic/weblogic-web-app" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd">
- <wls:container-descriptor>
<wls:index-directory-enabled>true</wls:index-directory-enabled>
<wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by>
</wls:container-descriptor>
- <wls:virtual-directory-mapping>
<wls:local-path>/Myreportfolder</wls:local-path>
<wls:url-pattern>/*</wls:url-pattern>
</wls:virtual-directory-mapping>
<wls:context-root>/getreports</wls:context-root>
</wls:weblogic-web-app>
We are able to view the reports but we do not get look-and-feel of Apache like directory listing.
but we encounter below issues:
1) File/Folder icons are not visible - we want to use style sheets in http header from the response that is returned from weblogic server
2) Filename is limited to 29 characters when it is showing
3) Files are not sortable as Descending order - we sorted using tag <wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by> but the latest file is shown at the last
We are thinking that Weblogic must be having some configuration like Apache httpd.conf where we can apply style sheets (css ).
We would appreciate af anyone can provide better insight into the issue.
or is it possible to extend weblogic.servlet.fileservlet class to serve this purpose.
Thanks & regards,
Rabi

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

PLEASE HELP!! Need some way to read header text in advanced datagrid using QTP

I am writing a function to read column names in advanced data
grid. There is no operation for that and any of the properties that
I can use to read the column names.
Please suggest any way that I can get the names of columns in
the advanced data grid.
Thanks

I hope to hear something from adobe folks...I am providing
more info.....
I am using QTP 9.2 and Flex 3 add-in available from Adobe.
My application has flex Advanced datagrid object and I am
trying to read column names for the datagrid.
I have contacted developers and they told me that column
names for flex advanced datagrid are stored in "Header Text"
I have tried reading "Header Text" using
GetROProperty("HeaderText") but it doesn't return anything.
I have tried the following code:
x =
Browser("app").FlexApplication("flexapp").FlexCanvas("Canvas").FlexAdvancedDatagrid("esti mategridid").GetROProperty("Header
Text")
msgbox x
I have also tried getting value for column names using other
available properties for webtables like outerhtml, outertext, alt
etc. but I don't get any data.
Part of the problem may be because none of the above
mentioned properties are supported by Flex Advanced datagrid.
I have also tried getting child objects but I always get the
data in datagrid as values but not the column names.
My primary reason for getting column names is to write a
function to update cell in datagrid independent of application. So,
I want to pass column name as a parameter to the function and get
the corresponding columnIndex in the function by comparing the
parameter value against column names.
Thanks to all for you help...

Does compiling an advanced datagrid using flex ant task require additional config other than the license property?

Hi,
    I am trying to build my Flex app which uses the Advanced Data Grid in a couple of locations. Originally, when I built the app using the flex ant tasks, I noticed the Visualization Trial watermark show up on the screen. I then added the license tag with the serial number to my flex-config.xml and re-ran my ant build. The watermark goes away, but then when I look at the advanced datagrid, the datagrid shows up with the hierarchy, but the data does not display in the grid (only the group by nodes are visible, not the data for the leaf elements). This works fine when I build the app using my Flex Builder. Is there something I am missing or need to add to my flex ant task to make this work?
Any help or guidance is much appreciated.
The following is the ant task to build the module that uses the ADG:
    <target name="compile-modules" depends="compile-shared">
        
        <echo>Compiling module 1...</echo>
        <mxmlc file="${modulesrc.dir}\ui\modules\mod1\Module1.mxml"
                output="${dist.dir}\modules\mod1\Module1.swf"
                actionscript-file-encoding="UTF-8"
                incremental="true"
                default-background-color="0xFFFFFF"
                use-network="false"
                load-externs="${extern-report-xml}">
            <load-config filename="${FLEX_HOME}/frameworks/flex-config.xml" />
            <source-path path-element="${FLEX_HOME}/frameworks"/>
            
            <compiler.source-path path-element="${modulesrc.dir}"/>
            
            <compiler.library-path dir="${main.dir}" append="true">
                <include name="${lib.dir}"/>
            </compiler.library-path>
            <compiler.library-path dir="${FLEX_HOME}/frameworks" append="true">
                <include name="libs" />
                <include name="locale/{locale}" />
            </compiler.library-path>
            <compiler.debug>true</compiler.debug>
        </mxmlc>
    </target>
And here is the ant task for the main application:
    <target name="compile-ui" depends="compile-modules">
        <mxmlc file="${src.dir}/MainApp.mxml" output="${dist.dir}/MainApp.swf"
                actionscript-file-encoding="UTF-8" keep-generated-actionscript="false"
                fork="true" maxmemory="1024m">
            <jvmarg value="-XX:MaxPermSize=256m"/>
            <load-config filename="${FLEX_HOME}/frameworks/flex-config.xml"/>
            <source-path path-element="${FLEX_HOME}/frameworks"/>
            <source-path path-element="${src.dir}"/>
            <source-path path-element="${main.dir}/locale/{locale}"/>
            
            
            <compiler.library-path dir="${FLEX_HOME}/frameworks" append="true">
                <include name="libs/datavisualization.swc" />
                <include name="libs/flex.swc" />
                <include name="libs/framework.swc" />
                <include name="libs/rpc.swc" />
                <include name="libs/utilities.swc" />
                <include name="locale/{locale}" />
            </compiler.library-path>
            <compiler.library-path dir="${main.dir}" append="true">
                <include name="${lib.dir}"/>
            </compiler.library-path>
            <runtime-shared-library-path path-element="${FLEX_FRAMEWORK}/framework.swc">
                <url rsl-url="framework_3.2.0.3958.swf"/>
                <url rsl-url="framework_3.2.0.3958.swz"/>
            </runtime-shared-library-path>
            <compiler.debug>true</compiler.debug>
        </mxmlc>
    </target>
Regards,
Purush

to remove watermark i have added license key in WEB-INF\flex\license.properties file as key = value

Applying a shortcut to "Apply "style" then next style"

In CS2, is there a way to apply a keyboard shortcut to the "Apply 'style name' then next style" command in the paragraph styles menu.
thanks
jon

Gerald,
I retrieved the script for CS2 which I've copied below. I changed the name of the tag to fit my book but I have a problem running it. When it gets to the line:
if (app. selection. length> 0) {
I get an error: undefined is not an object
Can you offer any quick help? Thanks very much. Script below:
/ FirstAndNextStyles.jsx
var myFirstPStyle = "X Appendix Co. Name";
Object.prototype.isText = function()
switch(this.constructor.name)
case "InsertionPoint":
case "Character":
case "Word":
case "TextStyleRange":
case "Line":
case "Paragraph":
case "TextColumn":
case "Text":
case "TextFrame":
return true;
default :
return false;
if (app.selection.length > 0) {
var myDoc = app.documents[0];
for (oneSel = 0; oneSel < app.selection.length; oneSel++) {
if (app.selection[oneSel].isText()) {
// apply paragraph style to the first of selected paragraphs
try {
app.selection[oneSel].paragraphs[0].appliedParagraphStyle = myDoc.paragraphStyles.item (myFirstPStyle);
catch(e){
// apply paragraphs next style to the following paragraphs
if (app.selection[oneSel].paragraphs.length > 1) {
for (oneP = 1; oneP < app.selection[oneSel].paragraphs.length; oneP++)
app.selection[oneSel].paragraphs[oneP].appliedParagraphStyle = app.selection[oneSel].paragraphs[oneP-1].appliedParagraphStyle.nextStyle;
else if ((app.selection[oneSel].paragraphs.length == 1) && (app.selection[oneSel].paragraphs[0].insertionPoints[-1].paragraphs[0])) {
app.selection[oneSel].paragraphs[0].insertionPoints[-1].paragraphs[0].appliedParagraphSty le = app.selection[oneSel].paragraphs[0].appliedParagraphStyle.nextStyle;

HP QTP10 cannot read Automation values of Advanced DataGrid

Hi everyone,
We're an Automation functional testing team, testing a flex application with HP QTP v10. So far we've successfully automated many parts of the application. Now, we're struck at a serious issue.
The issue is QTP cannot read automation values specified for an Advanced Datagrid (ADG).
While trying to read row data of the ADG, the automation name of QTP shows like,
"lblData | someGroup | | ** | | | | | | | | | | lblData"
The screenshot of Object Spy while spying ADG is also attached.
Other than the Automation Index, we are not able to populate any automation values of a row data.
The ADG is a custom one. Our development team has customized it in some way, and we dont have access to the code. They are using an External renderer or Custom renderer to render values into the column.
As there is no possiblity for value-based recording, we tried to access the ADG with index-based recording. Then, we 're able to perform operations like Click, but cannot read contents of the row/cell.
We're using:
HP Quick TestProfessional v10.0
Flex plugin 4.5
Internet Explorer 7
Flash Player v10
Our Questions are:
How to get automation values for these custom ADG?
Is there any other possible ways to access the custom ADG components other than these automation values?
Do we need any patches/plugin upgradation to perform this?
Is there any other tools in market that can recognize and access these custom ADGs?
Without these automation values we're unable to proceed further work. Any replies/comments/help are welcome.
Thank you!

A sortCompareFunction would look something like:
Function sortWithNullAtEnd(a:Object, b:Object, field:Array = null):int
    if (a.fieldName == null && b.fieldName == null) return 0;
    if (a.fieldName == null) return 1;
    if (b.fieldName == null) return –1;
    if (a.fieldName < b.fieldName)
        return –1;
    if (a.fieldName > b.fieldName)
        return 1;
    return 0;
Note that this sort would be unstable so you might be better off using a second field to get stability.

(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

Advanced datagrid dropline

I have used dragStart and dragDrop event in advanced datagrid for drag and drop row. While draging drop line show above the drop row. I need it will be below the drop row.
Can any one help me?

My answer to your other question is also applicable here. The dataField property can be accessed via the listData property of your renderer if your renderer implements the IDropInListItemRenderer interface. You'll need to cast listData to AdvancedDataGridListData.

Apply style on advanced datagrid

Similar Messages

Maybe you are looking for