3.2.0

IE 9.0 not working with trial version 2.5.6

Hi all, the list is not visible. The table and the table header is ok. But, no content is visible, click on table header for sorting, no change. any ideas?
Kind regards - Beat
Beat
July 4,
I added the following code in aw.js (it didn't work as well)

if (AW.ms9){
AW.ms8 = true;
}
Beat
July 4,
As you can imagine, AW works on thousands of IE9 around the world.
There might be some issue in your code, could you ever supply some code extract ?
Thierry Nivelet (FoxInCloud)
July 4,
Of course you are right, even the exemple on your page is working on my Internet Explorer 9 version. What I'm wondering, my page works in all other browsers (IE <=8.x, firefox 4.x, 5.x and so on)?

in head part:
<!-- include links to the script and stylesheet files -->
<script src="js/aw.js" type="text/javascript"></script>
<link href="css/aw.css" rel="stylesheet">

<!-- grid format -->
<style type="text/css">
#myGrid {height: 200px; width: 735px;}
#myGrid .aw-row-selector {text-align: center}

#myGrid .aw-column-0 {width: 20px;}
#myGrid .aw-column-1 {width: 100px;}
#myGrid .aw-column-2 {width: 100px;}
#myGrid .aw-column-3 {width: 120px;}
#myGrid .aw-column-4 {width: 180px;}
#myGrid .aw-column-5 {width: 90px;}
#myGrid .aw-column-6 {width: 70px;}
#myGrid .aw-column-7 {text-align: right;}

#myGrid .aw-grid-cell {border-right: 1px solid threedlightshadow;}
#myGrid .aw-grid-row {border-bottom: 1px solid threedlightshadow;}

/* box model fix for strict doctypes, safari */
.aw-strict #myGrid .aw-grid-cell {padding-right: 3px;}
.aw-strict #myGrid .aw-grid-row {padding-bottom: 3px;}

</style>

<!-- grid data -->
<script type="text/javascript">
var myData = [
["<input type='checkbox'>", "Mustermann", "Felix", "1340-8022-1959-4076", "felix.mustermann@industrie-ag.ch", "+41 31 450 22 31", "ja"],
["<input type='checkbox'>", "Binggeli", "Hans-Ruedi", "1340-8022-1959-4077", "hans.binggeli@industrie-ag.ch", "+41 31 450 22 32", "nein"],
["<input type='checkbox'>", "Faber", "Karl", "3477-8830-3012-4420", "karl.faber@industrie-ag.ch", "+41 31 456 33 10", "nein"],
];

var myColumns = [
"&nbsp;", "Name", "Vorname", "SuisseID", "E-Mail", "Telefon Nr.", "Superuser"
];
</script>

in body part:
<form>
<div>
<script type="text/javascript">

// create ActiveWidgets Grid javascript object
var obj = new AW.UI.Grid;
obj.setId("myGrid");

// define data formats
var str = new AW.Formats.String;
var num = new AW.Formats.Number;

obj.setCellFormat([str, str, str, str, str, num, num]);

// provide cells and headers text
obj.setCellText(myData);
obj.setHeaderText(myColumns);

// set number of rows/columns
obj.setRowCount(3);
obj.setColumnCount(7);

// enable row selectors
obj.setSelectorVisible(false);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});

// set headers width/height
obj.setSelectorWidth(28);
obj.setHeaderHeight(20);

// set row selection
obj.setSelectionMode("single-row");

// set click action handler
obj.onCellClicked = function(event, col, row){window.status = this.getCellText(col, row)};

// write grid html to the page
document.write(obj);

</script>
</div>
</form>
Beat
July 4,
hi Beat,

As you use
obj.setId("myGrid");


you shouldn't need
document.write(obj);
Thierry Nivelet (FoxInCloud)
July 5,
Hi Thierry, thanks for your feedback. When I erase "document.write(obj); the dynamic list is not visible in all browsers.
Kind regards, Beat
Beat
July 6,

This topic is archived.

See also:


Back to support forum