asset manager initial check in
This commit is contained in:
JT Smith
parent
4bc4974ecc
commit
f7dd3b0577
320 changed files with 15398 additions and 0 deletions
80
www/extras/assetManager/ActiveWidgets/examples/grid/basic.htm
Executable file
80
www/extras/assetManager/ActiveWidgets/examples/grid/basic.htm
Executable file
|
|
@ -0,0 +1,80 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../source/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedlightshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
|
||||
<!-- grid data -->
|
||||
<script>
|
||||
var myData = [
|
||||
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
|
||||
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
|
||||
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
|
||||
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
|
||||
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
|
||||
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
|
||||
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
|
||||
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
|
||||
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
|
||||
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
|
||||
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
|
||||
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
|
||||
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
|
||||
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
|
||||
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
|
||||
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
|
||||
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
|
||||
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
|
||||
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
|
||||
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
|
||||
];
|
||||
|
||||
var myColumns = [
|
||||
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
|
||||
];
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// set number of rows/columns
|
||||
obj.setRowProperty("count", 20);
|
||||
obj.setColumnProperty("count", 5);
|
||||
|
||||
// provide cells and headers text
|
||||
obj.setDataProperty("text", function(i, j){return myData[i][j]});
|
||||
obj.setColumnProperty("text", function(i){return myColumns[i]});
|
||||
|
||||
// set headers width/height
|
||||
obj.setRowHeaderWidth("28px");
|
||||
obj.setColumnHeaderHeight("20px");
|
||||
|
||||
// set click action handler
|
||||
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
89
www/extras/assetManager/ActiveWidgets/examples/grid/cell colors.htm
Executable file
89
www/extras/assetManager/ActiveWidgets/examples/grid/cell colors.htm
Executable file
|
|
@ -0,0 +1,89 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
|
||||
<!-- grid data -->
|
||||
<script>
|
||||
var myData = [
|
||||
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
|
||||
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
|
||||
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
|
||||
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
|
||||
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
|
||||
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
|
||||
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
|
||||
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
|
||||
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
|
||||
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
|
||||
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
|
||||
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
|
||||
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
|
||||
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
|
||||
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
|
||||
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
|
||||
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
|
||||
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
|
||||
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
|
||||
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
|
||||
];
|
||||
|
||||
var myColumns = [
|
||||
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
|
||||
];
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// set number of rows/columns
|
||||
obj.setRowProperty("count", 20);
|
||||
obj.setColumnProperty("count", 5);
|
||||
|
||||
// provide cells and headers text
|
||||
obj.setDataProperty("text", function(i, j){return myData[i][j]});
|
||||
obj.setColumnProperty("text", function(i){return myColumns[i]});
|
||||
|
||||
// set headers width/height
|
||||
obj.setRowHeaderWidth("28px");
|
||||
obj.setColumnHeaderHeight("20px");
|
||||
|
||||
// set click action handler
|
||||
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
|
||||
|
||||
|
||||
function myColor(){
|
||||
var value = this.getItemProperty("value");
|
||||
return value > 10000 ? "red" : "blue";
|
||||
}
|
||||
|
||||
obj.getColumnTemplate(4).setStyle("color", myColor);
|
||||
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
53
www/extras/assetManager/ActiveWidgets/examples/grid/data - csv text file.htm
Executable file
53
www/extras/assetManager/ActiveWidgets/examples/grid/data - csv text file.htm
Executable file
|
|
@ -0,0 +1,53 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets data model - text-based table
|
||||
var table = new Active.Text.Table;
|
||||
|
||||
// provide data URL - plain text comma-separated file
|
||||
table.setURL("../data/companies.csv");
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets data model - text-based table
|
||||
var table = new Active.Text.Table;
|
||||
|
||||
// provide data URL - plain text tabs-separated file
|
||||
table.setURL("../data/companies.txt");
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,64 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 80px; text-align: right; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
.active-column-5 {text-align: right;}
|
||||
.active-column-6 {text-align: right;}
|
||||
.active-column-7 {text-align: right;}
|
||||
.active-column-8 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets data model - text-based table
|
||||
var table = new Active.Text.Table;
|
||||
|
||||
// Yahoo provides 15min delayed stock quotes in CSV format
|
||||
var url = "http://finance.yahoo.com/d/quotes.csv?s=" +
|
||||
"MSFT,ORCL,SAP,CA,ERTS,SFTBF,VRTS,SYMC,INFY,INTU,ADBE,PSFT,SEBL,BEAS,SNPS,CHKP,MERQ,DOX,CTXS,KNM" +
|
||||
"&f=sl1d1t1c1ohgv&e=.csv";
|
||||
|
||||
// set data URL
|
||||
table.setURL(url);
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columnNames = ["Ticker", "Last", "Date", "Time", "Change", "Close", "Open", "High", "Volume"];
|
||||
var columnOrder = [0, 1, 4, 8, 3, 2, 5, 6, 7];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columnNames);
|
||||
obj.setColumnProperty("values", columnOrder);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
56
www/extras/assetManager/ActiveWidgets/examples/grid/images.htm
Executable file
56
www/extras/assetManager/ActiveWidgets/examples/grid/images.htm
Executable file
|
|
@ -0,0 +1,56 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
.active-column-0 {width: 200px;}
|
||||
.active-column-1 {width: 80px; text-align: right;}
|
||||
.active-column-2 {width: 150px;}
|
||||
.active-column-3 {width: 120px;}
|
||||
.active-box-image {height: 16px;} /* for firefox 0.8 */
|
||||
</style>
|
||||
|
||||
<!-- grid data -->
|
||||
<script src="../data/files.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// set the first column template to image+text
|
||||
obj.setColumnTemplate(new Active.Templates.Image, 0);
|
||||
|
||||
// set number of rows/columns
|
||||
obj.setRowProperty("count", 9);
|
||||
obj.setColumnProperty("count", 4);
|
||||
|
||||
// provide cells and headers text
|
||||
obj.setDataProperty("text", function(i, j){return myData[i][j]});
|
||||
obj.setDataProperty("image", function(i, j){return myData[i][4]});
|
||||
|
||||
// provide column headers
|
||||
obj.setColumnProperty("texts" , ["Name", "Size", "Type", "Date Modified"]);
|
||||
|
||||
// set column/row headers width/height
|
||||
obj.setColumnHeaderHeight("20px");
|
||||
obj.setRowHeaderWidth("0px");
|
||||
|
||||
// add tooltips to the first column template and data model
|
||||
obj.getColumnTemplate(0).setAttribute("title", function(){return this.getItemProperty("tooltip")});
|
||||
obj.defineDataProperty("tooltip", function(i, j){return "Type: " + myData[i][2] + "\nDate Modified: " + myData[i][3] + "\nSize: " + myData[i][1]});
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
91
www/extras/assetManager/ActiveWidgets/examples/grid/multiple selection.htm
Executable file
91
www/extras/assetManager/ActiveWidgets/examples/grid/multiple selection.htm
Executable file
|
|
@ -0,0 +1,91 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
|
||||
<!-- grid data -->
|
||||
<script>
|
||||
var myData = [
|
||||
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
|
||||
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
|
||||
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
|
||||
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
|
||||
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
|
||||
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
|
||||
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
|
||||
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
|
||||
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
|
||||
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
|
||||
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
|
||||
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
|
||||
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
|
||||
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
|
||||
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
|
||||
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
|
||||
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
|
||||
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
|
||||
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
|
||||
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
|
||||
];
|
||||
|
||||
var myColumns = [
|
||||
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
|
||||
];
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// set number of rows/columns
|
||||
obj.setRowProperty("count", 20);
|
||||
obj.setColumnProperty("count", 5);
|
||||
|
||||
// provide cells and headers text
|
||||
obj.setDataProperty("text", function(i, j){return myData[i][j]});
|
||||
obj.setColumnProperty("text", function(i){return myColumns[i]});
|
||||
|
||||
// set headers width/height
|
||||
obj.setRowHeaderWidth("28px");
|
||||
obj.setColumnHeaderHeight("20px");
|
||||
|
||||
// allow multiple selection
|
||||
obj.setSelectionProperty("multiple", true);
|
||||
|
||||
// define action handler
|
||||
var message = function(){
|
||||
window.status = "Grid selection:" +
|
||||
" latest=" + this.getSelectionProperty("index") +
|
||||
" full list=" + this.getSelectionProperty("values") +
|
||||
" (press Ctrl- to select multiple rows)."
|
||||
}
|
||||
|
||||
// assign action handler to grid
|
||||
obj.setAction("selectionChanged", message);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
30
www/extras/assetManager/ActiveWidgets/examples/grid/tooltips.htm
Executable file
30
www/extras/assetManager/ActiveWidgets/examples/grid/tooltips.htm
Executable file
|
|
@ -0,0 +1,30 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden; font:menu} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// set data
|
||||
obj.setRowProperty("count", 5);
|
||||
obj.setColumnProperty("count", 5);
|
||||
obj.setDataProperty("text", function(i, j){return i + "." + j});
|
||||
|
||||
// set column header tooltip
|
||||
obj.setColumnProperty("tooltip", function(i){return "Tooltip for column " + i});
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {font: menu; background: threedface;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
#grid1 {height: 200px; border: 2px inset; background: white}
|
||||
#grid2 {height: 100px; border: 2px inset; background: white}
|
||||
|
||||
#grid1 .active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
#grid2 .active-column-1 {width: 150px; background-color: infobackground;}
|
||||
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
.active-grid-column {border-right: 1px solid threedlightshadow;}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- grid data -->
|
||||
<script>
|
||||
var data1 = [
|
||||
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
|
||||
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
|
||||
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
|
||||
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
|
||||
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
|
||||
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
|
||||
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
|
||||
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
|
||||
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
|
||||
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
|
||||
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
|
||||
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
|
||||
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
|
||||
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
|
||||
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
|
||||
];
|
||||
|
||||
var data2 = [
|
||||
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
|
||||
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
|
||||
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
|
||||
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
|
||||
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"],
|
||||
];
|
||||
|
||||
var columns1 = [
|
||||
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
|
||||
];
|
||||
|
||||
var columns2 = [
|
||||
"Ticker(2)", "Company Name(2)", "Market Cap.(2)", "$ Sales(2)", "Employees(2)"
|
||||
];
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Here is the first grid:
|
||||
</p>
|
||||
|
||||
<script>
|
||||
var obj1 = new Active.Controls.Grid;
|
||||
obj1.setId("grid1");
|
||||
obj1.setRowProperty("count", 15);
|
||||
obj1.setColumnProperty("count", 5);
|
||||
obj1.setDataProperty("text", function(i, j){return data1[i][j]});
|
||||
obj1.setColumnProperty("text", function(i){return columns1[i]});
|
||||
document.write(obj1);
|
||||
</script>
|
||||
|
||||
<p>
|
||||
And another one...
|
||||
</p>
|
||||
|
||||
<script>
|
||||
var obj2 = new Active.Controls.Grid;
|
||||
obj2.setId("grid2");
|
||||
obj2.setRowProperty("count", 5);
|
||||
obj2.setColumnProperty("count", 5);
|
||||
obj2.setDataProperty("text", function(i, j){return data2[i][j]});
|
||||
obj2.setColumnProperty("text", function(i){return columns2[i]});
|
||||
document.write(obj2);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
.active-column-5 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create data formats
|
||||
var string = new Active.Formats.String;
|
||||
var number1 = new Active.Formats.Number;
|
||||
var number2 = new Active.Formats.Number;
|
||||
var date = new Active.Formats.Date;
|
||||
|
||||
// define formatting rule for text output
|
||||
number1.setTextFormat("#,###.##");
|
||||
number2.setTextFormat("");
|
||||
|
||||
date.setTextFormat("dd mmm yy");
|
||||
date.setDataFormat("ISO8061");
|
||||
|
||||
// create ActiveWidgets data model - XML-based table
|
||||
var table = new Active.XML.Table;
|
||||
|
||||
// provide data URL
|
||||
table.setURL("../data/companies-array.xml");
|
||||
|
||||
// define namespace for selecting column data
|
||||
table.setNamespace("co", "http://tempuri.org/");
|
||||
|
||||
// set column XPath
|
||||
table.setColumns(["co:ticker", "co:name", "co:marketcap", "co:sales", "co:employees", "co:timestamp"]);
|
||||
|
||||
// set column formatting
|
||||
table.setFormats([string, string, number1, number1, number2, date]);
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees", "Date"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
207
www/extras/assetManager/ActiveWidgets/examples/grid/xml - data island.htm
Executable file
207
www/extras/assetManager/ActiveWidgets/examples/grid/xml - data island.htm
Executable file
|
|
@ -0,0 +1,207 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<xml id="xmlDataIsland">
|
||||
<companies>
|
||||
<company>
|
||||
<ticker>MSFT</ticker>
|
||||
<name>Microsoft Corporation</name>
|
||||
<mktcap>314,571.156</mktcap>
|
||||
<sales>32,187.000</sales>
|
||||
<employees>55000</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>ORCL</ticker>
|
||||
<name>Oracle Corporation</name>
|
||||
<mktcap>62,615.266</mktcap>
|
||||
<sales>9,519.000</sales>
|
||||
<employees>40650</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>SAP</ticker>
|
||||
<name>SAP AG (ADR)</name>
|
||||
<mktcap>40,986.328</mktcap>
|
||||
<sales>8,296.420</sales>
|
||||
<employees>28961</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>CA</ticker>
|
||||
<name>Computer Associates Inter</name>
|
||||
<mktcap>15,606.335</mktcap>
|
||||
<sales>3,164.000</sales>
|
||||
<employees>16000</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>ERTS</ticker>
|
||||
<name>Electronic Arts Inc.</name>
|
||||
<mktcap>14,490.895</mktcap>
|
||||
<sales>2,503.727</sales>
|
||||
<employees>4000</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>SFTBF</ticker>
|
||||
<name>Softbank Corp. (ADR)</name>
|
||||
<mktcap>14,485.840</mktcap>
|
||||
<sales>.000</sales>
|
||||
<employees>6865</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>VRTS</ticker>
|
||||
<name>Veritas Software Corp.</name>
|
||||
<mktcap>14,444.272</mktcap>
|
||||
<sales>1,578.658</sales>
|
||||
<employees>5647</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>SYMC</ticker>
|
||||
<name>Symantec Corporation</name>
|
||||
<mktcap>9,932.483</mktcap>
|
||||
<sales>1,482.029</sales>
|
||||
<employees>4300</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>INFY</ticker>
|
||||
<name>Infosys Technologies Ltd.</name>
|
||||
<mktcap>9,763.851</mktcap>
|
||||
<sales>830.748</sales>
|
||||
<employees>15400</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>INTU</ticker>
|
||||
<name>Intuit Inc.</name>
|
||||
<mktcap>9,702.477</mktcap>
|
||||
<sales>1,650.743</sales>
|
||||
<employees>6700</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>ADBE</ticker>
|
||||
<name>Adobe Systems Incorporate</name>
|
||||
<mktcap>9,533.050</mktcap>
|
||||
<sales>1,230.817</sales>
|
||||
<employees>3341</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>PSFT</ticker>
|
||||
<name>PeopleSoft, Inc.</name>
|
||||
<mktcap>8,246.467</mktcap>
|
||||
<sales>1,941.167</sales>
|
||||
<employees>8180</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>SEBL</ticker>
|
||||
<name>Siebel Systems, Inc.</name>
|
||||
<mktcap>5,434.649</mktcap>
|
||||
<sales>1,417.952</sales>
|
||||
<employees>5909</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>BEAS</ticker>
|
||||
<name>BEA Systems, Inc.</name>
|
||||
<mktcap>5,111.813</mktcap>
|
||||
<sales>965.694</sales>
|
||||
<employees>3063</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>SNPS</ticker>
|
||||
<name>Synopsys, Inc.</name>
|
||||
<mktcap>4,482.535</mktcap>
|
||||
<sales>1,169.786</sales>
|
||||
<employees>4254</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>CHKP</ticker>
|
||||
<name>Check Point Software Tech</name>
|
||||
<mktcap>4,396.853</mktcap>
|
||||
<sales>424.769</sales>
|
||||
<employees>1203</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>MERQ</ticker>
|
||||
<name>Mercury Interactive Corp.</name>
|
||||
<mktcap>4,325.488</mktcap>
|
||||
<sales>444.063</sales>
|
||||
<employees>1822</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>DOX</ticker>
|
||||
<name>Amdocs Limited</name>
|
||||
<mktcap>4,288.017</mktcap>
|
||||
<sales>1,427.088</sales>
|
||||
<employees>9400</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>CTXS</ticker>
|
||||
<name>Citrix Systems, Inc.</name>
|
||||
<mktcap>3,946.485</mktcap>
|
||||
<sales>554.222</sales>
|
||||
<employees>1670</employees>
|
||||
</company>
|
||||
<company>
|
||||
<ticker>KNM</ticker>
|
||||
<name>Konami Corporation (ADR)</name>
|
||||
<mktcap>3,710.784</mktcap>
|
||||
<sales>.000</sales>
|
||||
<employees>4313</employees>
|
||||
</company>
|
||||
</companies>
|
||||
</xml>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets data model - XML-based table
|
||||
var table = new Active.XML.Table;
|
||||
|
||||
// get reference to the xml data island node
|
||||
var xml, node = document.getElementById("xmlDataIsland");
|
||||
|
||||
// IE
|
||||
if (window.ActiveXObject) {
|
||||
xml = node;
|
||||
}
|
||||
// Mozilla
|
||||
else {
|
||||
xml = document.implementation.createDocument("","", null);
|
||||
xml.appendChild(node.selectSingleNode("*"));
|
||||
}
|
||||
|
||||
// provide data XML
|
||||
table.setXML(xml);
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
76
www/extras/assetManager/ActiveWidgets/examples/grid/xml - dataset.htm
Executable file
76
www/extras/assetManager/ActiveWidgets/examples/grid/xml - dataset.htm
Executable file
|
|
@ -0,0 +1,76 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
.active-column-5 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create data formats
|
||||
var string = new Active.Formats.String;
|
||||
var number1 = new Active.Formats.Number;
|
||||
var number2 = new Active.Formats.Number;
|
||||
var date = new Active.Formats.Date;
|
||||
|
||||
// define formatting rule for text output
|
||||
number1.setTextFormat("#,###.##");
|
||||
number2.setTextFormat("");
|
||||
|
||||
date.setTextFormat("dd mmm yy");
|
||||
date.setDataFormat("ISO8061");
|
||||
|
||||
// create ActiveWidgets data model - XML-based table
|
||||
var table = new Active.XML.Table;
|
||||
|
||||
// provide data URL
|
||||
table.setURL("../data/companies-dataset.xml");
|
||||
|
||||
// set rows XPath
|
||||
table.setRows("//NewDataSet/*");
|
||||
|
||||
// set columns XPath
|
||||
table.setColumns(["ticker", "name", "mktcap", "sales", "employees", "timestamp"]);
|
||||
|
||||
// set column formatting
|
||||
table.setFormats([string, string, number1, number1, number2, date]);
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees", "Date"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<html>
|
||||
<head>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden; font: menu;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<style>
|
||||
.active-column-0 {width: 400px}
|
||||
.active-column-1 {text-align: right}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
var string = new Active.Formats.String;
|
||||
var date = new Active.Formats.Date;
|
||||
date.setTextFormat("d mmm");
|
||||
date.setDataFormat("RFC822");
|
||||
|
||||
var data = new Active.XML.Table;
|
||||
data.setURL("http://msdn.microsoft.com/rss.xml");
|
||||
data.setRows("//item");
|
||||
data.setFormats([string, date]);
|
||||
data.request();
|
||||
|
||||
var obj = new Active.Controls.Grid;
|
||||
obj.setDataModel(data);
|
||||
obj.setColumnProperty("texts", ["Title", "Date"]);
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
53
www/extras/assetManager/ActiveWidgets/examples/grid/xml - simple.htm
Executable file
53
www/extras/assetManager/ActiveWidgets/examples/grid/xml - simple.htm
Executable file
|
|
@ -0,0 +1,53 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>ActiveWidgets Grid :: Examples</title>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<!-- grid format -->
|
||||
<style>
|
||||
.active-controls-grid {height: 100%; font: menu;}
|
||||
|
||||
.active-column-0 {width: 80px;}
|
||||
.active-column-1 {width: 200px; background-color: threedlightshadow;}
|
||||
.active-column-2 {text-align: right;}
|
||||
.active-column-3 {text-align: right;}
|
||||
.active-column-4 {text-align: right;}
|
||||
|
||||
.active-grid-column {border-right: 1px solid threedshadow;}
|
||||
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
// create ActiveWidgets data model - XML-based table
|
||||
var table = new Active.XML.Table;
|
||||
|
||||
// provide data URL
|
||||
table.setURL("../data/companies-simple.xml");
|
||||
|
||||
// start asyncronous data retrieval
|
||||
table.request();
|
||||
|
||||
// define column labels
|
||||
var columns = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
|
||||
|
||||
// create ActiveWidgets Grid javascript object
|
||||
var obj = new Active.Controls.Grid;
|
||||
|
||||
// provide column labels
|
||||
obj.setColumnProperty("texts", columns);
|
||||
|
||||
// provide external model as a grid data source
|
||||
obj.setDataModel(table);
|
||||
|
||||
// write grid html to the page
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<html>
|
||||
<head>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden; font: menu;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
<style>
|
||||
.active-column-0 {width: 400px}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
var date = new Active.Formats.Date;
|
||||
date.setTextFormat("[ddd, d mmm]");
|
||||
|
||||
var data = new Active.XML.Table;
|
||||
data.setURL("http://www.xignite.com/xWorldNews.asmx/GetTopStories");
|
||||
data.setParameter("CriteriaType", "Region");
|
||||
data.setParameter("CategoryName", "West Europe");
|
||||
data.setParameter("StoryCount", 20);
|
||||
data.setNamespace("xi", "http://www.xignite.com/services/");
|
||||
data.setRows("//xi:Abstract");
|
||||
data.setColumns(["xi:Title", "xi:Source", "xi:City", "xi:Language", "xi:InsertDate"]);
|
||||
data.setFormat(date, 4);
|
||||
data.request();
|
||||
|
||||
var obj = new Active.Controls.Grid;
|
||||
obj.setDataModel(data);
|
||||
obj.setColumnProperty("texts", ["Title", "Source", "City", "Language", "Date"]);
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<html>
|
||||
<head>
|
||||
<style> body, html {margin:0px; padding: 0px; overflow: hidden; font: menu;} </style>
|
||||
|
||||
<!-- ActiveWidgets stylesheet and scripts -->
|
||||
<link href="../../runtime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>
|
||||
<script src="../../runtime/lib/grid.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
|
||||
var symbols = [ "MSFT","ORCL","SAP","CA","ERTS","TIBX","VRTS","SYMC","INFY","INTU",
|
||||
"ADBE","PSFT","SEBL","BEAS","SNPS","CHKP","MERQ","DOX","CTXS","KNM"];
|
||||
|
||||
var data = new Active.XML.Table;
|
||||
data.setURL("http://www.xignite.com/xQuotes.asmx/GetQuotes");
|
||||
data.setParameter("Symbol", symbols);
|
||||
data.setNamespace("xi", "http://www.xignite.com/services/");
|
||||
data.setColumns(["xi:Symbol", "xi:Name", "xi:Last", "xi:Change", "xi:Volume"]);
|
||||
data.request();
|
||||
|
||||
var obj = new Active.Controls.Grid;
|
||||
obj.setDataModel(data);
|
||||
obj.setColumnProperty("texts", ["Ticker", "Company", "Last", "Change", "Volume"]);
|
||||
document.write(obj);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue