META-INF.resources.butterfaces-js.butterfaces-table.jquery.js Maven / Gradle / Ivy

Go to download
/**
 * jQuery-Plugin to handle selection style classes on JSF-Component "b:table".
 * Works with at least jQuery 1.3.2.
 *
 * How to use:
 * jQuery("#someTreeSelector").selectRow( {rowIndex: '6'} );
 */
(function ($) {
    // extend jQuery --------------------------------------------------------------------
    $.fn.selectRow = function (data) {

        return this.each(function () {
            var $originalElement = $(this);

            // console.log('Selected row: ' + data.rowIndex);
            // console.log($originalElement.find('tr[rowindex=' + data.rowIndex + ']'));

            $originalElement.find('tr').removeClass('butter-table-row-selected');
            var listItems = $originalElement.find('tr[rowindex=' + data.rowIndex + ']');
            $(listItems[listItems.length - 1]).addClass('butter-table-row-selected');
        });
    };

    $.fn.toggleColumnVisibilty = function (data) {

        return this.each(function () {
            var $originalElement = $(this);

            // console.log('Toggle column: ' + data.columnIndex);

            var $columnHeader = $originalElement.find(".butter-component-table-column-header[columnnumber='" + data.columnIndex + "']");
            var $columnBody = $originalElement.find(".butter-component-table-column[columnnumber='" + data.columnIndex + "']");
            var $colGroup = $originalElement.find(".butter-table-colgroup[columnnumber='" + data.columnIndex + "']");

            var checked = $columnHeader.css('display') != 'none';

            // console.log('Column checked: ' + checked);

            if (checked) {
                $columnHeader.css('display', 'none');
                $columnBody.css('display', 'none');
                $colGroup.css('display', 'none');
            } else {
                $columnHeader.css('display', '');
                $columnBody.css('display', '');
                $colGroup.css('display', '');
            }

            // console.log($originalElement.find('tr[rowindex=' + data.rowIndex + ']'));
        });
    };
}(jQuery));