YUI Library Examples: DataTable Control: Polling the DataSource

Sample Code for this Example

Data:


1	[{
2	count:n,
3	description:"At the tone the time will be: ",
4	time: "[hh]:[mm]:[ss] [AM\|PM]")
5	}]
	view plain \| print \| ?

Markup:


1	<div id="polling"></div>
	view plain \| print \| ?

JavaScript:


1	YAHOO.util.Event.addListener(window, "load", function() {
2	YAHOO.example.Polling = function() {
3	var counter = 0;
4	var dataIncrementer = function() {
5	counter++;
6	return [{
7	count:counter,
8	description:"At the tone the time will be: ",
9	time: YAHOO.util.Date.format(new Date(), {format:"%I:%M:%S %p"})
10	}];
11	};
12
13	var myColumnDefs = [
14	{key: "count"},
15	{key: "description"},
16	{key: "time"}
17	];
18
19	var myDataSource = new YAHOO.util.DataSource(dataIncrementer);
20	myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
21	myDataSource.responseSchema = {
22	fields: ["count", "description", "time"]
23	};
24
25	var myDataTable = new YAHOO.widget.DataTable("polling",
26	myColumnDefs, myDataSource);
27
28	// Set up polling
29	var myCallback = {
30	success: myDataTable.onDataReturnInitializeTable,
31	failure: function() {
32	YAHOO.log("Polling failure", "error");
33	},
34	scope: myDataTable
35	};
36	myDataSource.setInterval(5000, null, myCallback);
37
38	return {
39	oDS: myDataSource,
40	oDT: myDataTable
41	};
42	}();
43	});
	view plain \| print \| ?

YAHOO.util.Event.addListener(window, "load", function() {
    YAHOO.example.Polling = function() {
        var counter = 0;
        var dataIncrementer = function() {
            counter++;
            return [{
                count:counter, 
                description:"At the tone the time will be: ", 
                time: YAHOO.util.Date.format(new Date(), {format:"%I:%M:%S %p"})
            }];
        };

var myColumnDefs = [
            {key: "count"},
            {key: "description"},
            {key: "time"}
        ];

var myDataSource = new YAHOO.util.DataSource(dataIncrementer);
        myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;
        myDataSource.responseSchema = {
            fields: ["count", "description", "time"]
        };

YUI Logger Output:

Note: Logging and debugging is currently turned off for this example.

Reload with logging
and debugging enabled.

DataTable Control Examples:

More DataTable Control Resources:

All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.