oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

asset manager initial check in

Browse source
This commit is contained in:
JT Smith 2004-12-17 05:38:46 +00:00
parent 4bc4974ecc
commit f7dd3b0577
320 changed files with 15398 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

43
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/array.xml Executable file
View file

@ -0,0 +1,43 @@
<?xml version="1.0"?>
<ArrayOfCompany xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://tempuri.org/">
<company>
<ticker>MSFT</ticker>
<name>Microsoft Corporation</name>
<marketcap>314571.156</marketcap>
<sales>32187</sales>
<employees>55000</employees>
<timestamp>2003-11-30T22:50:20.5945552+01:00</timestamp>
</company>
<company>
<ticker>ORCL</ticker>
<name>Oracle Corporation</name>
<marketcap>62615.27</marketcap>
<sales>9519</sales>
<employees>40650</employees>
<timestamp>2003-11-30T22:50:20.5945552+01:00</timestamp>
</company>
<company>
<ticker>SAP</ticker>
<name>SAP AG (ADR)</name>
<marketcap>40986.33</marketcap>
<sales>8296.42</sales>
<employees>28961</employees>
<timestamp>2003-11-30T22:50:20.5945552+01:00</timestamp>
</company>
<company>
<ticker>CA</ticker>
<name>Computer Associates Inter</name>
<marketcap>15606.34</marketcap>
<sales>3164</sales>
<employees>16000</employees>
<timestamp>2003-11-30T22:50:20.5945552+01:00</timestamp>
</company>
<company>
<ticker>ERTS</ticker>
<name>Electronic Arts Inc.</name>
<marketcap>14490.9</marketcap>
<sales>2503.73</sales>
<employees>4000</employees>
<timestamp>2003-11-30T22:50:20.5945552+01:00</timestamp>
</company>
</ArrayOfCompany>

20
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/companies.txt Executable file
View file

@ -0,0 +1,20 @@
MSFT Microsoft Corporation "314,571.16" "32,187.00" 55000
ORCL Oracle Corporation "62,615.27" "9,519.00" 40650
SAP SAP AG (ADR) "40,986.33" "8,296.42" 28961
CA Computer Associates Inter "15,606.34" "3,164.00" 16000
ERTS Electronic Arts Inc. "14,490.90" "2,503.73" 4000
SFTBF Softbank Corp. (ADR) "14,485.84" 0 6865
VRTS Veritas Software Corp. "14,444.27" "1,578.66" 5647
SYMC Symantec Corporation "9,932.48" "1,482.03" 4300
INFY Infosys Technologies Ltd. "9,763.85" 830.748 15400
INTU Intuit Inc. "9,702.48" "1,650.74" 6700
ADBE Adobe Systems Incorporate "9,533.05" "1,230.82" 3341
PSFT "PeopleSoft, Inc." "8,246.47" "1,941.17" 8180
SEBL "Siebel Systems, Inc." "5,434.65" "1,417.95" 5909
BEAS "BEA Systems, Inc." "5,111.81" 965.694 3063
SNPS "Synopsys, Inc." "4,482.54" "1,169.79" 4254
CHKP Check Point Software Tech "4,396.85" 424.769 1203
MERQ Mercury Interactive Corp. "4,325.49" 444.063 1822
DOX Amdocs Limited "4,288.02" "1,427.09" 9400
CTXS "Citrix Systems, Inc." "3,946.49" 554.222 1670
KNM Konami Corporation (ADR) "3,710.78" 0 4313

54
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/data-jsarray.htm Executable file
View file

@ -0,0 +1,54 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Linking grid to a javascript array.
</h1>
<p>
In a more realistic example the grid data is stored in a two-dimensional
javascript array. Instead of providing a static text to the grid -
you should supply the function, which just returns an array element
for a given row and column indices.
</p>
<pre>obj.setProperty("data/text", function(i,j){return myData[i][j]});</pre>
<p>
Example:
</p>
<textarea id="grid4" wrap="off" style="HEIGHT:300px" target="height:100px">
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"]
];
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
obj.setProperty("data/text", function(i,j){return myData[i][j]});
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid4");</script>
<p>
<a href="data-textfile.htm">Loading data from a text file &gt;&gt;</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

75
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/data-textfile.htm Executable file
View file

@ -0,0 +1,75 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Loading data from a text file.
</h1>
<p>
When the data is available in a plain text file (tabs or comma-delimited)
you can load it into the grid without any server-side processing at all.
</p>
<p>
The file may look like this:
</p>
<iframe src="companies.txt" style="HEIGHT:200px"></iframe>
<p>
The first step is to create an external data model object,
which will load the data and provide a necessary interface
for the grid to access it.
</p>
<pre>var table = new Active.Text.Table;</pre>
<p>
The data model should know the URL of the file.
</p>
<pre>table.setProperty("URL", "companies.txt");</pre>
<p>
And you should ask the model to start loading the file.
</p>
<pre>table.request();</pre>
<p>
After the grid object is created
</p>
<pre>var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);</pre>
<p>
it is assigned our new external data model.
</p>
<pre>obj.setModel("data", table);</pre>
<p>
Don't forget to write the grid HTML to the page as usual.
</p>
<pre>document.write(obj);</pre>
<p>
Full script:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:200px" target="height:300px">
var table = new Active.Text.Table;
table.setProperty("URL", "companies.txt");
table.request();
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setModel("data", table);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

77
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/data-xmlsimple.htm Executable file
View file

@ -0,0 +1,77 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Loading XML data.
</h1>
<p>
Lets look how to load simple XML data into the grid.
</p>
<p>
Here is the XML:
</p>
<iframe src="simple.txt" style="HEIGHT:200px"></iframe>
<p>
To load and transform XML data you need an XML table model.
</p>
<pre>var table = new Active.XML.Table;</pre>
<p>
Assign a URL of the XML file.
</p>
<pre>table.setProperty("URL", "simple.xml");</pre>
<p>
By default the model looks at the documentElement as the data root.
Then all child elements of the root are treated as rows and
the child elements of each row node become the table cells.
Exactly as this simple example looks like.
</p>
<p>
Just load the file.
</p>
<pre>table.request();</pre>
<p>
After the grid object is created
</p>
<pre>var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);</pre>
<p>
it is assigned our new external data model.
</p>
<pre>obj.setModel("data", table);</pre>
<p>
Don't forget to write the grid HTML to the page as usual.
</p>
<pre>document.write(obj);</pre>
<p>
Full script:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:200px" target="height:300px">
var table = new Active.XML.Table;
table.setURL("simple.xml");
table.request();
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setModel("data", table);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

33
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/data.htm Executable file
View file

@ -0,0 +1,33 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>Using Data Sources</h1>
<p>
ActiveWidgets grid can display data from the variety of data sources.
The grid interacts with the external data sources through the data model object.
The grid itself has simple built-in data model and you can modify its built-in
model behavior by overloading the grid methods.
Or you can create an external data model and attach it to the grid.
</p>
<p>
<a href="data-jsarray.htm">Displaying data from the javascript array</a><br>
<a href="data-textfile.htm">Loading plain-text file - tabs or comma separated (CSV)</a><br>
<a href="data-xmlsimple.htm">Loading XML data</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

67
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/dataset.xml Executable file
View file

@ -0,0 +1,67 @@
<?xml version="1.0"?>
<DataSet xmlns="http://tempuri.org/">
<xs:schema id="NewDataSet" xmlns="" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
<xs:element name="NewDataSet" msdata:IsDataSet="true">
<xs:complexType>
<xs:choice maxOccurs="unbounded">
<xs:element name="Table">
<xs:complexType>
<xs:sequence>
<xs:element name="ticker" type="xs:string" minOccurs="0" />
<xs:element name="name" type="xs:string" minOccurs="0" />
<xs:element name="mktcap" type="xs:double" minOccurs="0" />
<xs:element name="sales" type="xs:double" minOccurs="0" />
<xs:element name="employees" type="xs:double" minOccurs="0" />
<xs:element name="timestamp" type="xs:dateTime" minOccurs="0" />
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:choice>
</xs:complexType>
</xs:element>
</xs:schema>
<diffgr:diffgram xmlns:msdata="urn:schemas-microsoft-com:xml-msdata" xmlns:diffgr="urn:schemas-microsoft-com:xml-diffgram-v1">
<NewDataSet xmlns="">
<Table diffgr:id="Table1" msdata:rowOrder="0">
<ticker>MSFT</ticker>
<name>Microsoft Corporation</name>
<mktcap>314571.16</mktcap>
<sales>32187</sales>
<employees>55000</employees>
<timestamp>2003-11-27T00:00:00.0000000+01:00</timestamp>
</Table>
<Table diffgr:id="Table2" msdata:rowOrder="1">
<ticker>ORCL</ticker>
<name>Oracle Corporation</name>
<mktcap>62615.27</mktcap>
<sales>9519</sales>
<employees>40650</employees>
<timestamp>2003-11-27T00:00:00.0000000+01:00</timestamp>
</Table>
<Table diffgr:id="Table3" msdata:rowOrder="2">
<ticker>SAP</ticker>
<name>SAP AG (ADR)</name>
<mktcap>40986.33</mktcap>
<sales>8296.42</sales>
<employees>28961</employees>
<timestamp>2003-11-27T00:00:00.0000000+01:00</timestamp>
</Table>
<Table diffgr:id="Table4" msdata:rowOrder="3">
<ticker>CA</ticker>
<name>Computer Associates Inter</name>
<mktcap>15606.34</mktcap>
<sales>3164</sales>
<employees>16000</employees>
<timestamp>2003-11-27T00:00:00.0000000+01:00</timestamp>
</Table>
<Table diffgr:id="Table5" msdata:rowOrder="4">
<ticker>ERTS</ticker>
<name>Electronic Arts Inc.</name>
<mktcap>14490.9</mktcap>
<sales>2503.73</sales>
<employees>4000</employees>
<timestamp>2003-11-27T00:00:00.0000000+01:00</timestamp>
</Table>
</NewDataSet>
</diffgr:diffgram>
</DataSet>

57
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/formats-number.htm Executable file
View file

@ -0,0 +1,57 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Number formatting.
</h1>
<p>
It is quite common that you need to store data in one format and display it in another.
This is where data formatting classes may help.
</p>
<p>
First you need to create an instance of the formatting object.
</p>
<pre>var format = new Active.Formats.Number;</pre>
<p>
Then configure it - set proper format patterns.
</p>
<pre>format.setTextFormat("USD #,###.###");</pre>
<p>
Now you can call one of the transformation methods.
</p>
<pre>var text = format.dataToText(data);</pre>
<p>
Example:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:185px" target="height:50px">
var data = 1234567.89;
var format = new Active.Formats.Number;
format.setTextFormat("USD #,###.###");
var text = format.dataToText(data);
document.write("data = ", data, "<br>");
document.write("text = ", text, "<br>");
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="formats.htm">Back to formats</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

34
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/formats.htm Executable file
View file

@ -0,0 +1,34 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>Number and Date formatting.
</h1>
<p>
ActiveWidgets includes a set of classes, which can simplify data formatting:
</p>
<p>
Active.Formats.String<br>
Active.Formats.Number<br>
Active.Formats.Date<br>
</p>
<p>
Below are the few examples how you may use those classes.
</p>
<p>
<a href="formats-number.htm">Formatting numbers</a><br>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

57
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/intro.htm Executable file
View file

@ -0,0 +1,57 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>Creating a grid
</h1>
<p>
Adding an ActiveWidgets grid to the page is very simple. First, create an instance of Active.Controls.Grid
class.
</p>
<pre>var obj = new Active.Controls.Grid;</pre>
<p>
Then specify a number of columns and number of rows.
</p>
<pre>obj.setProperty("column/count", 5);
obj.setProperty("row/count", 10);</pre>
<p>
Provide some data to be displayed inside the&nbsp;cells.&nbsp;
</p>
<pre>obj.setProperty("data/text", "some text");</pre>
<p>
And finally write the HTML to the page.
</p>
<pre>document.write(obj);</pre>
<p>
Here is the complete script:
</p>
<textarea id="grid2" style="HEIGHT: 120px" target="height:100px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
obj.setProperty("data/text", "some text");
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid2");</script>
<p>
Obviously having the same&nbsp;text in each cell&nbsp;doesn't make much sense.&nbsp;
Next section describes how to link the grid to the data source.
</p>
<p>
<a href="data.htm">Data Binding &gt;&gt;</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

70
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/mouseover.htm Executable file
View file

@ -0,0 +1,70 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Mouseover effects.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>Mouseover effects.
</h1>
<p>
Mouseover effects require special handling to be fast enough.
There are two global functions available just for this purpose (see /lib/system/html.js):
</p>
<p>
function mouseover(element, name){...}<br>
function mouseout(element, name){...}
</p>
<p>
The first one adds a CSS class selector 'name' to the HTML element, the second removes it.
</p>
<p>
To create mouseover effect you need first to define a CSS class:
</p>
<pre>&lt;style&gt;
.active-row-highlight {background-color: threedshadow}
.active-row-highlight .active-row-cell {background-color: threedshadow}
&lt;/style&gt;</pre>
<p>
and add the following script
</p>
<pre>var row = new Active.Templates.Row;
row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
obj.setTemplate("row", row);</pre>
<p>
This is slightly different from normal syntax - where you supply a function as an event handler.
Here instead of a function you provide a string
which is simply assigned to HTML element "onmouseover" property and is evaluated on mouseover event.
</p>
<p>
Here is the complete script:
</p>
<textarea id="grid1" style="HEIGHT: 200px" target="height:180px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 10);
obj.setProperty("data/text", "some text");
var row = new Active.Templates.Row;
row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
obj.setTemplate("row", row);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

60
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/selection.htm Executable file
View file

@ -0,0 +1,60 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Controlling data selection.
</h1>
<p>
Grid has built-in selection model, which supports single and multiple rows selection mode.
You can specify if multiple selection is allowed in 'selection/multiple' property:
</p>
<pre>obj.setProperty("selection/multiple", true);</pre>
<p>
The index of the last selected row is stored in 'selection/index' property:
</p>
<pre>var index = obj.getProperty("selection/index");</pre>
<p>
While 'selection/values' property returns an array of all selected rows:
</p>
<pre>var array = obj.getProperty("selection/values");</pre>
<p>
Grid calls 'selectionChanged' action so you can attach an action handler to process selection event.
</p>
<pre>obj.setAction("selectionChanged", myFunction);</pre>
<p>
Multiple selection is activated if the Ctrl key is pressed during mouse clicks.
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:300px" target="height:200px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 20);
obj.setProperty("data/text", "some text");
obj.setProperty("selection/multiple", true);
var message = function(){
window.status = "Grid selection:" +
" latest=" + this.getProperty("selection/index") +
" full list=" + this.getProperty("selection/values") +
" (press Ctrl- to select multiple rows)."
}
obj.setAction("selectionChanged", message);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

142
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/simple.txt Executable file
View file

@ -0,0 +1,142 @@
<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>

142
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/simple.xml Executable file
View file

@ -0,0 +1,142 @@
<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>

69
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-alternate.htm Executable file
View file

@ -0,0 +1,69 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Using alternate colors for grid rows.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Using alternate colors for grid rows.
</h1>
<p>
With a few steps you can enable alternate background colors on the grid.
</p>
<p>
The background color should be generated by the function depending on the
row order in the grid.
</p>
<pre>var alternate = function(){
return this.getProperty("row/order") % 2 ? "threedface" : "white";
}</pre>
<p>
Then you need to create a new row template.
</p>
<pre>var row = new Active.Templates.Row;</pre>
<p>
Assign a color function to the background color style.
</p>
<pre>row.setStyle("background", alternate);</pre>
<p>
An use this modified row template instead of standard one.
</p>
<pre>obj.setTemplate("row", row);</pre>
<p>
Complete example:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:280px" target="height:200px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 10);
obj.setProperty("data/text", "some text...");
var alternate = function(){
return this.getProperty("row/order") % 2 ? "threedface" : "white";
}
var row = new Active.Templates.Row;
row.setStyle("background", alternate);
obj.setTemplate("row", row);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

63
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-columns.htm Executable file
View file

@ -0,0 +1,63 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Changing the column width and visual style.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Changing the column width and visual style.
</h1>
<p>
You can apply the CSS rules to a particular column using the .active-column-n selector,
where n is a datasource index of your column.
</p>
<pre>&lt;style&gt;
.active-column-1 {
width: 200px;
color: #000099;
background: #ffffcc;
text-align: right;
font-weight: bold;
}
&lt;/style&gt;</pre>
<p>
CSS rules apply both to column cells and column header.
</p>
<p>
Same thing in javascript (cells only):
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:260px" target="height:100px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
obj.setProperty("data/text", "some text...");
var column = new Active.Templates.Text;
column.setStyle("color", "#000099");
column.setStyle("background", "#ffffcc");
column.setStyle("text-align", "right");
column.setStyle("font-weight", "bold");
obj.setTemplate("column", column, 1);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

56
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-control.htm Executable file
View file

@ -0,0 +1,56 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Changing the font, background and borders of the grid.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Changing the font, background and borders of the grid.
</h1>
<p>
You can modify visual parameters of the grid using .active-controls-grid CSS selector.
</p>
<pre>&lt;style&gt;
.active-controls-grid {
color: blue;
background: buttonface;
font-size: 8pt;
font-family: monospace;
border: 3px double black;
}
&lt;/style&gt;</pre>
<p>
Here is the javascript way of doing the same:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:230px" target="height:100px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
obj.setProperty("data/text", "some text...");
obj.setStyle("color", "blue");
obj.setStyle("background", "buttonface");
obj.setStyle("font-size", "8pt");
obj.setStyle("font-family", "monospace");
obj.setStyle("border", "3px double black");
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

75
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-gridlines.htm Executable file
View file

@ -0,0 +1,75 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Adding gridlines.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Adding gridlines.
</h1>
<p>
To display the gridlines add the following rules to the stylesheet:
</p>
<pre>&lt;style&gt;
.active-grid-row {border-bottom: 1px dotted red;}
.active-grid-column {border-right: 1px solid black;}
&lt;/style&gt;</pre>
<p>
You can do the same thing in a script if you assign CSS rules directly to
the row and/or column templates.
</p>
<p>
First of all you need to create a new row template.
</p>
<pre>var row = new Active.Templates.Row;</pre>
<p>
Then assign a proper CSS formatting rule to the new template.
</p>
<pre>row.setStyle("border-bottom", "1px dotted red");</pre>
<p>
And finally tell the grid object to use your new template.
</p>
<pre>obj.setTemplate("row", row);</pre>
<p>
Same for the column templates.
</p>
<pre>var column = new Active.Templates.Text;
column.setStyle("border-right", "1px solid black");
obj.setTemplate("column", column);</pre>
<p>
Here is working example:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:250px" target="height:100px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
var row = new Active.Templates.Row;
row.setStyle("border-bottom", "1px dotted red");
obj.setTemplate("row", row);
var column = new Active.Templates.Text;
column.setStyle("border-right", "1px solid black");
obj.setTemplate("column", column);
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

60
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-headersize.htm Executable file
View file

@ -0,0 +1,60 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Changing the row/column headers width and height.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Changing the row/column headers width and height.
</h1>
<p>
To change the row header width it is necessary to modify style settings
for all four parts of the grid. Here is the example how to set a row header width to 100px:
</p>
<pre>&lt;style&gt;
.active-scroll-left, .active-scroll-corner {width: 100px}
.active-scroll-top, .active-scroll-data {padding-left: 100px}
&lt;/style&gt;</pre>
<p>
Changing the column header height is very similar:
</p>
<pre>&lt;style&gt;
.active-scroll-top, .active-scroll-corner {height: 25px}
.active-scroll-left, .active-scroll-data {padding-top: 25px}
&lt;/style&gt;</pre>
<p>
You can do the same thing in javascript using the methods of the grid object:
</p>
<pre>obj.setColumnHeaderHeight("25px");
obj.setRowHeaderWidth("100px");</pre>
<p>
Example:
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:185px" target="height:100px">
var obj = new Active.Controls.Grid;
obj.setProperty("column/count", 5);
obj.setProperty("row/count", 5);
obj.setColumnHeaderHeight("25px");
obj.setRowHeaderWidth("100px");
document.write(obj);
</textarea>
<script>if(window.site) site.example("grid1");</script>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

76
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style-multi.htm Executable file
View file

@ -0,0 +1,76 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Applying styles to the multiple grids on one page.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>
Applying styles to the multiple grids on one page.
</h1>
<p>
If you have more than one grid on the same page - you can apply
different styles to the grids using CSS ID selector.
</p>
<pre>&lt;style&gt;
#grid1 {height: 200px;}
#grid2 {height: 100px;}
#grid1 .active-column-0 {width: 200px;}
#grid2 .active-column-0 {width: 150px;}
#grid1 .active-column-1 {background-color: threedlightshadow;}
#grid2 .active-column-1 {background-color: infobackground;}
.active-column-2 {text-align: right;}
.active-column-3 {text-align: right;}
.active-column-4 {text-align: right;}
&lt;/style&gt;</pre>
<p>
In this example there are two grids on the page, which are assigned
the 'grid1' and 'grid2' IDs using setId(id) function.
</p>
<pre>var obj1 = new Active.Controls.Grid;
obj1.setId("grid1");
...
var obj2 = new Active.Controls.Grid;
obj2.setId("grid2");
...</pre>
<p>
See full example in /examples/grid/two grids on one page.htm
</p>
<textarea id="grid1" wrap="off" style="HEIGHT:280px" target="height:100px">
var obj1 = new Active.Controls.Grid;
obj1.setId("grid1");
obj1.setRowCount(15);
obj1.setColumnCount(5);
obj1.setDataText(function(i, j){return data1[i][j]});
obj1.setColumnText(function(i){return columns1[i]});
document.write(obj1);
var obj2 = new Active.Controls.Grid;
obj2.setId("grid2");
obj2.setRowCount(5);
obj2.setColumnCount(5);
obj2.setDataText(function(i, j){return data2[i][j]});
obj2.setColumnText(function(i){return columns2[i]});
document.write(obj2);
</textarea>
<p>
<a href="style.htm">Back to Visual Style</a>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

33
www/extras/assetManager/ActiveWidgets/documentation/tutorial/grid/style.htm Executable file
View file

@ -0,0 +1,33 @@
<html>
<head>
<title>ActiveWidgets :: DHTML Grid :: Customizing visual styles.</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt; Grid &gt;&gt;
</div>
<h1>Customizing visual styles
</h1>
<p>
Many visual parameters of the grid can be modified using CSS and/or JavaScript.
</p>
<p>
<a href="style-headersize.htm">Changing the row/column headers width and height.</a><br>
<a href="style-gridlines.htm">Adding the gridlines.</a><br>
<a href="style-control.htm">Changing the font, background and borders of the grid.</a><br>
<a href="style-columns.htm">Changing the column width and visual style.</a><br>
<a href="style-alternate.htm">Using alternate colors for grid rows.</a><br>
<a href="style-multi.htm">Applying styles to the multiple grids on one page.</a><br>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>