5
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/fonts/fonts-min.css" />
6
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/datatable/assets/skins/sam/datatable.css" />
7
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
8
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.2r1/build/dragdrop/dragdrop-min.js"></script>
9
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.2r1/build/element/element-min.js"></script>
10
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.2r1/build/datasource/datasource-min.js"></script>
11
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.2r1/build/datatable/datatable-min.js"></script>
12
<script src="http://yui.yahooapis.com/2.8.2r1/build/yahoo/yahoo.js"></script>
13
<script src="http://yui.yahooapis.com/2.8.2r1/build/profiler/profiler-min.js"></script>
15
<body class="yui-skin-sam">
17
<div id="basic"></div>
18
<div id="basic2"></div>
28
for (i=0; i<1000; i++) {
29
large[i] = {a: i+1, b:i+2, c:i+3, d: i+4, e: i+5, f: i+6, g:i+7};
32
YAHOO.util.Event.addListener(window, "load", function() {
33
YAHOO.example.Basic = function() {
44
var myDataSource = new YAHOO.util.DataSource(large);
45
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
46
myDataSource.responseSchema = {
47
fields: ["a","b","c","d","e", "f", "g"]
51
YAHOO.tool.Profiler.registerObject("myDataTable", myDataTable);
52
myDataTable = new YAHOO.widget.DataTable("basic",
53
myColumnDefs, myDataSource, {caption:"DataTable Caption"});
55
var report = YAHOO.tool.Profiler.getFullReport();
57
YAHOO.tool.Profiler.unregisterObject("myDataTable");