Forums

<button id="pushme">BOOM</button>
<div id="tableGoesHere"></div>
<script>
YUI().use('node', 'datatable', 'datatable-mutable', function(Y) {
    var columns = [
        {key: "action"},
        {key: "existsInSource"},
        {key: "existsInTarget"},
        {key: "fileName"},
        {key: "fileID"},
        {key: "sourcePath"},
        {key: "selectedOption"}
    ];

    var data = [];
    for (var i=0; i < 250; i++) {
        data.push({
            fileID: 'fileID' + i,
            fileName: 'fileName' + i,
            sourcePath: 'sourcePath' + i,
            existsInSource: true,
            existsInTarget: true,
            selectedOption: 1,
            action: 'action' + i
       });
    }

    var dataTable = new Y.DataTable({
        columns: columns,
        data: data,
        scrollable: 'y'
    }).render("#tableGoesHere"),
    rowCount = dataTable.data.size();

    Y.one('#pushme').on('click', function() {
        var selectedIndex = Math.floor((Math.random()*10)+1);
        Y.log(selectedIndex);
        dataTable.data.each(function (record, i) {
            // either action below causes the problem
            record.set('selectedOption', selectedIndex);
            dataTable.modifyRow(i, {'selectedOption': selectedIndex});
        });
        // Also tried:
        // for (var i=0; i < rowCount; i++) {
        //     record = dataTable.data.item(i);
        //     record.set('selectedOption', selectedIndex);
        //     //dataTable.modifyRow(i, {'selectedOption': selectedIndex});
        // }
    });
});
</script>

selectChangeEvent = function(menu) {
    headerSelect = Y.one('#selectAll');
    dataTable.data.some(function (record, recordIndex) {
        record.set(..);
        ...
    });
    dataTable.syncUI();
    Y.one('#selectAll').replace(headerSelect);
}