Luke Smith lsmith

## gist:2762744
var datasource = new Y.DataSource.IO({ source: ... });
datasource.on('data', function (e) {
  var raw = Y.JSON.parse(e.data),
      data = [],
      key;

  for (key in raw.pathToDataObject) {
    if (raw.pathToDataObject[key]) {
      data.push(raw.pathToDataObject[key]);
    }

## gist:2494497
var proxy = {
        _data: {},
        get: function (name) {
            var model = this._data;

            return model.isYUIModel ?
                model.apply(model, arguments) :
                model[name];
        },
        set: function () {

## gist:2480921
// Class extension to DataTable ...

Y.DataTable.Selection = function () {}

Y.DataTable.Selection.ATTRS = {
    // selectionMode: for supporting multiple selection could be its own extension

    selectionType: {
        value: null, // Feature should not change base behavior by default
        validator: '_validateSelectionType'

## gist:2378404
// Adding a title attribute to a DataTable cell with a cellTemplate and a formatter
new Y.DataTable({
    columns: [
        {
            key: 'foo',
            allowHTML: true,
            // Notice the lack of > before {content}
            cellTemplate: '<td class="{className}"{headers} {content}</td>',
            formatter: function (o) {
                // the > is included in the cell content string returned from the formatter. allowHTML is required.

## gist:2375130

      
              1 file
            
          
              0 forks
            
          
              5 comments
            
          
              2 stars
            
          
                lsmith
                / gist:2375130
            
            
              Created
              April 13, 2012 08:37
            
              
                Ye Olde brainstorm about IO API
              
          
    Data normalization API proposal

Data API normalization/centralization in three layers


transport layer


transaction layer


encapsulated configuration layer (aka Resource/DataSource)


Transport layer


## gist:2372050
// Until some planned performance enhancements are applied to DataTable's infrastructure,
// this is a quick hack to improve rendering performance if it's needed:

// Some quacking will be needed for the various places where duck-typing is used
function DumbRecord(data) {
    this.data = data;
    this._id = 'record_' + DumbRecord._id++;
    this.lists = []; // quack
}

## gist:2295032
// Include this after the table's render()
// CAVEAT: this is NOT compatible with nodeFormatters
table.body._afterDataChange = function (e) {
    var type = (e.type.match(/:(add|remove|change)$/) || [])[1],
        odd  = ['yui3-datatable-odd', 'yui3-datatable-even'],
        even = ['yui3-datatable-even', 'yui3-datatable-odd'],
        row, index;

    switch (type) {
        case 'change':

## gist:2244450
/*
This code should allow users to tab to the first row in the table, which will "select" it by
adding a class to it and storing a reference to the row node.  Alternately, users can click
on a row to select it.  Selection can be shifted to the next or previous row with the up and down arrow keys. The 'enter' key will fire a 'rowAction' custom event.
*/
table.getRow(0).setAttribute('tabindex', table.get('tabIndex') || 0);

table.delegate('keydown', function (e) {
    var selected      = this._selectedRow,
        tbody         = this._tbodyNode,

## gist:2151800
// Add support for table.getColumn( node )
Y.DataTable.prototype.getColumn = (function (original) {
    return function (seed) {
        var cell;

        if (Y.instanceof(seed, Y.Node)) {
            cell = this.getCell(seed);

            seed = cell && (cell.get('className').match(
                new RegExp(this.getClassName('col', '(\\w+)'))) || [])[1];

## gist:2024517
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>test page</title>
    <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css" id="changeme">
</head>
<body>
    <h1>This is a heading</h1>
	var datasource = new Y.DataSource.IO({ source: ... });
	datasource.on('data', function (e) {
	var raw = Y.JSON.parse(e.data),
	data = [],
	key;

	for (key in raw.pathToDataObject) {
	if (raw.pathToDataObject[key]) {
	data.push(raw.pathToDataObject[key]);
	}
	var proxy = {
	_data: {},
	get: function (name) {
	var model = this._data;

	return model.isYUIModel ?
	model.apply(model, arguments) :
	model[name];
	},
	set: function () {
	// Class extension to DataTable ...

	Y.DataTable.Selection = function () {}

	Y.DataTable.Selection.ATTRS = {
	// selectionMode: for supporting multiple selection could be its own extension

	selectionType: {
	value: null, // Feature should not change base behavior by default
	validator: '_validateSelectionType'
	// Adding a title attribute to a DataTable cell with a cellTemplate and a formatter
	new Y.DataTable({
	columns: [
	{
	key: 'foo',
	allowHTML: true,
	// Notice the lack of > before {content}
	cellTemplate: '<td class="{className}"{headers} {content}</td>',
	formatter: function (o) {
	// the > is included in the cell content string returned from the formatter. allowHTML is required.
	// Until some planned performance enhancements are applied to DataTable's infrastructure,
	// this is a quick hack to improve rendering performance if it's needed:

	// Some quacking will be needed for the various places where duck-typing is used
	function DumbRecord(data) {
	this.data = data;
	this._id = 'record_' + DumbRecord._id++;
	this.lists = []; // quack
	}
	// Include this after the table's render()
	// CAVEAT: this is NOT compatible with nodeFormatters
	table.body._afterDataChange = function (e) {
	var type = (e.type.match(/:(add\|remove\|change)$/) \|\| [])[1],
	odd = ['yui3-datatable-odd', 'yui3-datatable-even'],
	even = ['yui3-datatable-even', 'yui3-datatable-odd'],
	row, index;

	switch (type) {
	case 'change':
	/*
	This code should allow users to tab to the first row in the table, which will "select" it by
	adding a class to it and storing a reference to the row node. Alternately, users can click
	on a row to select it. Selection can be shifted to the next or previous row with the up and down arrow keys. The 'enter' key will fire a 'rowAction' custom event.
	*/
	table.getRow(0).setAttribute('tabindex', table.get('tabIndex') \|\| 0);

	table.delegate('keydown', function (e) {
	var selected = this._selectedRow,
	tbody = this._tbodyNode,
	// Add support for table.getColumn( node )
	Y.DataTable.prototype.getColumn = (function (original) {
	return function (seed) {
	var cell;

	if (Y.instanceof(seed, Y.Node)) {
	cell = this.getCell(seed);

	seed = cell && (cell.get('className').match(
	new RegExp(this.getClassName('col', '(\\w+)'))) \|\| [])[1];
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>test page</title>
	<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css" id="changeme">
	</head>
	<body>
	<h1>This is a heading</h1>