3.0 beta 2

How to format each cell?

Hi!

I will list my purpose as the following:
- I take the data from database to display on the browser
- All taken data are ranged into row and column as grid
- Then, in each cell of grid, I need to format data's displaying in different ways. For example :
first row and first column : display data on the left
second row and first column : display data on center
third row and first column : display data on right
............. so on.

Anyone know how to do so?

Best,
Finan
Finan
July 18,
#myGrid .aw-column-0 {text-align: left;}
#myGrid .aw-column-0 {text-align: center;}
#myGrid .aw-column-0 {text-align: right;}


I think that will do what you want assuming you setId("myGrid").
Mike
July 18,
Could you give me an example how to use that? Because when i tried your formule, it's still the same (Doesn't work).

Best,
Finan
Finan
July 18,
<html>
<head>
  <link href="/runtime/styles/aqua/aw.css" rel="stylesheet"></link>
  <script src="/runtime/lib/aw.js"></script>

  <style>
    .aw-column-0 {text-align: left;}
    .aw-column-1 {text-align: center;}
    .aw-column-2 {text-align: right;} 
  </style>

  <script>
    var myData = [
      ["MSFT","Microsoft Corporation", "314,571.156"],
      ["ORCL", "Oracle Corporation", "62,615.266"],
      ["SAP", "SAP AG (ADR)", "40,986.328"],
      ["CA", "Computer Associates Inter", "15,606.335"],
      ["ERTS", "Electronic Arts Inc.", "14,490.895"],  
    ];

    var myColumns = [ "Ticker", "Company Name", "Market Cap." ];
  </script>
</head>
<body>
  <script>
    var obj = new AW.UI.Grid;
    obj.setCellText(myData);
    obj.setHeaderText(myColumns)
    obj.setRowCount(5);
    obj.setColumnCount(3);
    document.write(obj);
  </script>
</body>
</html>
Mike (Ford Motor Company)
July 19,
For single-cell (same column) formating you need to override the css-column-style by js like: (just add this block after document.write(obj) )
for(var x=0;x<myData.length;x++){  
if(obj.getCellText(0,x)%2){ 
obj.getCellTemplate(1,x).setStyle('text-align', 'right');
 }
 }

But sometimes need to apply the new style (i.e. background) to the inner (box/text) element .
obj.getCellTemplate(col,row).getContent('box/text).setStyle('background', 'yellow');
HTH
Carlos
July 19,
Uppss , forget the last one (no box/text)
July 19,
Sorry again (my samples have a numeic value in zero column)
To make it compatible with standard AW (or above) samples Please replace:

if(obj.getCellText(0,x)%2){
with:
if(x%2){
Thanks
Carlos
July 19,
Yes it works right now . Thank a million my friends....



Regards,
Finan
Finan
July 20,
Hi everybody,

I have one more problem. It is about:

- obj.getCellText(i,j) : it works only with Mozilla but
- which instruction we should use with IE (internet explorer) ?
Finan
July 21,

This topic is archived.

See also:


Back to support forum

Search

Version 2

Looking for AW 2.6 ?
The old site is here.