3.2.0
Forum Demo Guide API Store

AW 2.5.5 Mac Safari

I am running the latest version but the sort does not work on Safari 3 on a MAC. Any suggestiosn?








<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Verify</title>
<style type="text/css">
.aw-quirks * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

body {font: 12px Tahoma}
</style>
<!-- ActiveWidgets stylesheet and scripts -->
<script src="../runtime/lib/aw.js" type="text/javascript"></script>
<link href="../runtime/styles/xp/aw.css" rel="stylesheet">


<style type="text/css">
#myGrid {height: 98%; width: 100%;}
#myGrid .aw-row-selector {text-align: center}
#myGrid .aw-grid-row {border-bottom: 1px solid threedlightshadow;}
#myGrid .aw-grid-footers .aw-grid-footer { border-right: 1px solid threedlightshadow;}
#myGrid .aw-grid-cell {border-right: 2px solid white}
#myGrid .aw-grid-row {border-bottom: 2px solid white;}
#button1 {left: 900px; top: 1px; width: 60px;}
#myGrid .aw-footer-0 {border-top: 0px solid black; background: lightgrey; border-right: 0px solid threedlightshadow;}


#myGrid .aw-column-0 {width: 200px; text-align: left;}
#myGrid .aw-column-1 {width: 80px; text-align: right;}
#myGrid .aw-column-2 {width: 80px; text-align: right;}
#myGrid .aw-column-3 {width: 60px; text-align: right;}
#myGrid .aw-column-4 {width: 70px; text-align: right;}
#myGrid .aw-column-5 {width: 35px; text-align: right;}
#myGrid .aw-column-6 {width: 35px; text-align: right;}
#myGrid .aw-column-7 {width: 35px; text-align: right;}
#myGrid .aw-column-8 {width: 40px; text-align: left;}
#myGrid .aw-column-9 {width: 110px; text-align: left;}
#myGrid .aw-column-10 {width: 40px; text-align: left;}
#myGrid .aw-column-11 {width: 40px; text-align: left;}
#myGrid .aw-column-12 {width: 40px; text-align: left;}
#myGrid .aw-column-13 {width: 40px; text-align: left;}
#myGrid .aw-column-14 {width: 40px; text-align: left;}
#myGrid .aw-column-15 {width: 40px; text-align: left;}
#myGrid .aw-column-16 {width: 40px; text-align: left;}
#myGrid .aw-column-17 {width: 110px; text-align: left;}
#myGrid .aw-column-18 {width: 35px; text-align: right;}


/* 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>


</head>
<body style="background-color:#000099;overflow:hidden;">
<!-- Island xml section modified for firefox and safari support -->
<script id="xmlDataIsland" type="xml/data">
<records>

<r bc="#009933" fc="#ffffff" ft="Arial" fs="12" fw="Bold" ><Destination f_hl="/cgi-bin/worldclock.pl?requestName=TimeZone&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="_blank"></Destination><Call_Attempts >17</Call_Attempts><Call_Connects >8</Call_Connects><Call_Errors >5</Call_Errors><Minutes >10</Minutes><ASR >48</ASR><ABR >48</ABR><PDD >5</PDD><ALOC >1:18</ALOC><LastCall >2009-11-11 03:02:51</LastCall><Link1 f_hl="/cgi-bin/redirect.pl?requestName=ASR_DISC_CODE&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">ABEN</Link1><Link2 f_hl="/cgi-bin/redirect.pl?requestName=ASRcust&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Cust</Link2><Link3 f_hl="/cgi-bin/redirect.pl?requestName=ASRsupp&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Supp</Link3><Link4 f_hl="/cgi-bin/redirect.pl?requestName=ASRhour&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Hourly</Link4><Link5 f_hl="/cgi-bin/redirect.pl?requestName=LiveCallSumDest&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Live</Link5><Link6 f_hl="/cgi-bin/redirect.pl?requestName=PERFcountry&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Notes</Link6><Link7 f_hl="/cgi-bin/redirect.pl?requestName=ASRdebug&amp;requestType=list&amp;drillPath=custDestination,&amp;sessionid=2pvi7w" f_hlwt="">Debug</Link7><FirstCall >2009-11-11 01:00:00</FirstCall><PSC >75</PSC></r>
</records>
</script>


<script>
var table = new AW.XML.Table;
var xml = document.getElementById("xmlDataIsland");

// extract xml string modified for island support in firefox and safari.
var xmlString = xml.innerHTML;

table.setColumns(["Destination","Call_Attempts","Call_Connects","Call_Errors","Minutes","ASR","ABR","PDD","ALOC","LastCall","Link1","Link2","Link3","Link4","Link5","Link6","Link7","FirstCall","PSC","@bc","@fc","@ft","@fw","@hl","More/@f_hl"]);

// assign xml data
table.setXML(xmlString);
table.getLink = function(col, row){return this.getNode(col, row).getAttribute("f_hl");};
table.getTooltip = function(col, row){return this.getNode(col, row).getAttribute("f_ro");};


var obj = new AW.UI.Grid;
obj.setId("myGrid");
obj.setColumnCount(19);
obj.setRowCount(144);
obj.setCellModel(table);
obj.setHeaderText(["Destination","Call_Attempts","Call_Connects","Call_Errors","Minutes","ASR","ABR","PDD","ALOC","LastCall","Link1","Link2","Link3","Link4","Link5","Link6","Link7","FirstCall","PSC","@bc","@fc","@ft","@fw","@hl","More/@f_hl"]);

obj.defineRowProperty("background", function(r){return this.getCellText(19, r);});
obj.defineRowProperty("color", function(r){return this.getCellText(19+1, r);});
obj.defineRowProperty("font-family", function(r){return this.getCellText(19+2, r);});
obj.defineRowProperty("font-weight", function(r){return this.getCellText(19+3, r);});
obj.setFooterVisible(true);
obj.setSelectionMode("multi-cell");
obj.setVirtualMode(true);

obj.getSelectedText = function(){

var c, r, a, text = [];
var cols = this.getSelectedColumns();
var rows = this.getSelectedRows();

// build columns array for row selections
if (this.getCurrentSelection() == "row"){
cols = [];
var count = this.getColumnCount();
var indices = this.getColumnIndices();
for (c=0; c<count; c++){
cols[c] = indices ? indices[c] : c;
}
}

// push column headers

if ( cols.length > 1 || rows.length > 1 ){
a = [];
for (c=0; c<cols.length; c++){
a[c] = this.getHeaderText(cols[c]);
}
text.push(a.join("\t"));
}

// push cell text
for (r=0; r<rows.length; r++){
a = [];
for (c=0; c<cols.length; c++){
a[c] = this.getCellText(cols[c], rows[r]);
}
text.push(a.join("\t"));
}

return text.join("\r\n");
};



var myRow = new AW.Grid.Row;
myRow.setStyle("background", function(){return this.getRowProperty("background");});
myRow.setStyle("color", function(){return this.getRowProperty("color");});
myRow.setStyle("font-family", function(){return this.getRowProperty("font-family");});
myRow.setStyle("font-weight", function(){return this.getRowProperty("font-weight");});
obj.setRowTemplate(myRow);

var label = new AW.UI.Label;
label.setId("myLabel");
label.setControlText("Destination: ");

label.setStyle("color", "black");
label.setStyle("font-weight", "bold");
label.setStyle("background", "#ddd");
label.setStyle("text-align", "left");
label.setStyle("width", "100%");

var button1 = new AW.UI.Button;
button1.setId("button1");
button1.setControlText("Add&hellip;");


var str = new AW.Formats.String;
var num = new AW.Formats.Number;
var floatFormat = new AW.Formats.Number;
var cur = new AW.Formats.Number;
var rate = new AW.Formats.Number;
floatFormat.setTextFormat("#,###.###");
num.setTextFormat("#,###.");
cur.setTextFormat("#,###.##");
rate.setTextFormat("##.#####");

obj.setFooterText(function(c, r){
var format = this.getFooterFormat(c, r);
var data = this.getFooterData(c, r);
return format ? format.dataToText(data) : data;
});

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

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

// set row selection
//####################################################new version
// set click action handler
obj.onCellClicked = function(event, col, row) { var url = this.getCellLink(col, row);
var txt = this.getCellText(col, row);
var wt = table.getNode(col, row).getAttribute("f_hlwt");
if (url)
{
if (wt)
{
window.open(url,wt,'status=0, toolbar=0, location=0, menubar=0, directories=0, resizable=0, scrollbars=0, height=30, width=600' );
}
else
{
window.location = url; //open in parent
//filterForm.submit(); // shiraz form submit
}
}
//if (url){window.open(url);} //open in _blank
// else {alert(txt);}
};

button1.onClick = function(){window.location = ""};




//set cell formats obj.setCellFormat([str, str, num, num, num]);
obj.setCellFormat([str,num,num,num,num,num,num,num,str,str,str,str,str,str,str,str,str,str,num]);

//set footer text

obj.setFooterText(["-","1,229,013","27,362","380,488","233,587","6","3","0","8:33","-","-","-","-","-","-","-","-","-","43"]);

// set display indices
obj.setColumnIndices([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]);

// write grid html to the page

// provide external model as a grid data source
obj.setCellModel(table);

document.write(label);
document.write(obj);

</script>




</body>
</html>
Shiraz
November 11,
Could you please explain what exactly does not work? Which column? Safari/Mac only or it is the same on other browser/OS?
Alex (ActiveWidgets)
November 11,

This topic is archived.

See also:

AW 2.0.2 - new bug-fix release. Alex (ActiveWidgets) (51)
AW status Alex (ActiveWidgets) (27)
Active Grid is not displayed on Mac - Safari Mandar Deshmukh (7)
Disable Virtual Mode for only Columns -- Active widgets 2.5.5 Gattu (12)
firefox aw-alternate with aw-rows-selected Jonathan Doklovic (5)
Contribution: AW and Draggable DIVs Anthony (10)
Much faster grid in AW 2.5 alpha2 - new 'virtual scrolling' implementation Alex (ActiveWidgets) (10)
AW 2.5.5 to 2.6.4 - changes needed !!! Gattu (4)
using tooltip libraries in combination AW kills the AW grid. Andrew Smith (4)
Can't select row in Safari dennisp (9)

Back to support forum

Search

New Data Grid
Angular Data Grid
React Data Grid
Vue Data Grid
Svelte Data Grid

Version 2

Looking for AW 2.6 ?
The old site is here.

ActiveWidgets is a javascript library for creating user interfaces. It offers excellent performance for complex screens while staying simple, compact and easy to learn. Deployed by thousands of commercial customers in more than 70 countries worldwide.

Copyright © ActiveWidgets 2021
Getting Started
 
Sample Code API Reference Support Forum Prices & Licensing
 
Contact Us