Forums

hi,

i am playing with yui3 to use quick edit mode functionality. i made the changes but still i cannot see the cells in editable fashion.

my script..

<script type="text/javascript">
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2011.06.15-19-18'
}).use('gallery-quickedit', function(Y) {

var cols = [
{ key: 'title', label: 'Title', quickEdit: true },
{ key: 'year', label: 'Year' },
{ key: 'quantity', label: 'Quantity',
quickEdit: {
validation: { css: 'yiv-required yiv-integer:[0,]' }
}
}
];

// Columns must match data parameter names
var data = [
{title:"commander of chief1", year:"19801", quantity:"101"},
{title:"commander of chief2", year:"19801", quantity:"102"},
{title:"commander of chief2", year:"19803", quantity:"103"}
];

var table = new Y.DataTable.Base({columnset: cols, recordset: data});
table.plug(Y.Plugin.DataTableQuickEdit, {changesAlwaysInclude: ['id']});

table.render();

});
</script>

i also included the controls for save , cancel and quick edit but i have that in my script the page cannot be displayed. is there any additional configuration or setup i need to do to use the quick edit mode

yui2 has a similar functionality, but very vast. i see yui3 has a very short imp and i thought using it but it is not working.

can u please advice

upk