Skip to content

Instantly share code, notes, and snippets.

@mikeh

mikeh/ticket2286608.html

Created November 21, 2009 01:34
Show Gist options
  • Save mikeh/239951 to your computer and use it in GitHub Desktop.
Save mikeh/239951 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ticket2286608.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ticket 2286608</title>
<!-- Individual YUI CSS files -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/datatable/assets/skins/sam/datatable.css" />
<!-- Individual YUI JS files -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/datasource/datasource-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.8.0r4/build/datatable/datatable-debug.js"></script>
<script type="text/javascript">//<![CDATA[
YAHOO.util.Event.addListener(window, "load", function()
{
YAHOO.example.Data =
{
bookorders:
[
{id:"po-0167", date:new Date(1980, 2, 24), quantity:1, amount:4, title:"A Book About Nothing"},
{id:"po-0783", date:new Date("January 3, 1983"), quantity:null, amount:12.12345, title:"The Meaning of Life"},
{id:"po-0297", date:new Date(1978, 11, 12), quantity:12, amount:1.25, title:"This Book Was Meant to Be Read Aloud"},
{id:"po-1482", date:new Date("March 11, 1985"), quantity:6, amount:3.5, title:"Read Me Twice"}
]
};
YAHOO.example.Ticket = function()
{
var myColumnDefs =
[
{key:"id", sortable:true, resizeable:true},
{key:"date", formatter:YAHOO.widget.DataTable.formatDate, sortable:true, sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC},resizeable:true},
{key:"quantity", formatter:YAHOO.widget.DataTable.formatNumber, sortable:true, resizeable:true},
{key:"amount", formatter:YAHOO.widget.DataTable.formatCurrency, sortable:true, resizeable:true},
{key:"title", sortable:true, resizeable:true}
];
var myDataSource = new YAHOO.util.DataSource(YAHOO.example.Data.bookorders);
myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
myDataSource.responseSchema =
{
fields: ["id","date","quantity","amount","title"]
};
var myDataTable = new YAHOO.widget.DataTable("dt", myColumnDefs, myDataSource,
{
caption: "DataTable Caption",
renderLoopSize: 5 // Any value > 4 causes the error.
});
YAHOO.lang.later(2000, this, function()
{
myDataTable.onDataReturnInitializeTable({}, {results: []}, {});
});
}();
});
//]]></script>
</head>
<body class="yui-skin-sam">
<div id="dt"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment