将帕格列和行导出为CSV

Question

extends layout

block content

  p#demo

  h1 #[Repository Name :] #{repo.name}

  dd #[ IBM Github URL:]
    a(href='/'+repo.url) #{repo.url}
  dd #[ Repository ID:] #{repo._id}
  dd #[ Language Type:] #{repo.type}




  div(class='col')
  div(class='col-sm-9')
  p
  button.hidediv Hide dependencies
  button.showdiv Show dependencies
  .divdemo
    | Dependencies
    .button
    .container
    #dvData
    .col-sm-3(style='background-color:#5596e9;')
      div(class='col-sm-2')
      table
        tbody
        tr: th Name
        tbody

          each D in list_dependencies
            tr
              td 
               td #{D.name}
    .col-sm-3(style='background-color:#f5f7fa;')
     div(class='col-sm-2')
      table
        thead
        tr: th Version
        tbody

           each D in list_dependencies
            tr
              td 
                td #{D.version}
    .col-sm-3(style='background-color:#ADD8E6;') 
      div(class='col-sm-2')
      table
        thead
        tr: th repository ID
        tbody

          each D in list_dependencies
            tr
              td 
               td #{D.repo_id}


    .button.col-sm-6
      a#export(href='#', role='button')
        | Click On This Here Link To Export The Table Data into a CSV File









    script(type='text/javascript', src='https://code.jquery.com/jquery-1.11.0.min.js')

      //script(src='https://cdn.jsdelivr.net/npm/json2csv')
      //script(src='/node_modules/table2csv/dist/table2csv.min.js')



  //script(src='/javascript/client.js')  

---

$(function() {
    $('#register').on('click', function(event) {
        event.preventDefault();
        var fullname = $('#fullname').val();
        var email = $('#email').val();
        var password = $('#password').val();
        var cpassword = $('#cpassword').val();

        if (!fullname || !email || !password || !cpassword) {
            $('#msgDiv').show().html('All fields are required.');
        } else if (cpassword != password) {
            $('#msgDiv').show().html('Passowrds should match.');
        } else {
            $.ajax({
                url    : '/register',
                method : 'POST',
                data   : { full_name: fullname, email: email, password: password, cpassword: cpassword }
            }).done(function(data) {
                if (data) {
                    if (data.status == 'error') {
                        var errors = '<ul>';
                        $.each(data.message, function(key, value) {
                            errors = errors + '<li>' + value.msg + '</li>';
                        });

                        errors = errors + '</ul>';
                        $('#msgDiv').html(errors).show();
                    } else {
                        $('#msgDiv').removeClass('alert-danger').addClass('alert-success').html(data.message).show();
                    }
                }
            });
        }
    });
});
function myFunction() {
    var x = document.getElementById('myDIV');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
$(document).ready(function() {
    $('.hidediv').click(function() {
        $('.divdemo').hide('slow');
    });

    $('.showdiv').click(function() {
        $('.divdemo').show(2000);
    });
});
$(document).ready(function() {
    console.log('HELLO');
    function exportTableToCSV($table, filename) {
        var $headers = $table.find('tr:has(th)'),
            $rows = $table.find('tr:has(td)'),
            // Temporary delimiter characters unlikely to be typed by keyboard
            // This is to avoid accidentally splitting the actual contents
            tmpColDelim = String.fromCharCode(11), // vertical tab character
            tmpRowDelim = String.fromCharCode(0), // null character
            // actual delimiter characters for CSV format
            colDelim = '","',
            rowDelim = '"\r\n"';

        // Grab text from table into CSV formatted string
        var csv = '"';
        csv += formatRows($headers.map(grabRow));
        csv += rowDelim;
        csv += formatRows($rows.map(grabRow)) + '"';

        // Data URI
        var csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);

        // For IE (tested 10+)
        if (window.navigator.msSaveOrOpenBlob) {
            var blob = new Blob([ decodeURIComponent(encodeURI(csv)) ], {
                type : 'text/csv;charset=utf-8;'
            });
            navigator.msSaveBlob(blob, filename);
        } else {
            $(this).attr({
                download : filename,
                href     : csvData
                //,'target' : '_blank' //if you want it to open in a new window
            });
        }

        //------------------------------------------------------------
        // Helper Functions
        //------------------------------------------------------------
        // Format the output so it has the appropriate delimiters
        function formatRows(rows) {
            return rows.get().join(tmpRowDelim).split(tmpRowDelim).join(rowDelim).split(tmpColDelim).join(colDelim);
        }
        // Grab and format a row from the table
        function grabRow(i, row) {
            var $row = $(row);
            //for some reason $cols = $row.find('td') || $row.find('th') won't work...
            var $cols = $row.find('td');
            if (!$cols.length) $cols = $row.find('th');

            return $cols.map(grabCol).get().join(tmpColDelim);
        }
        // Grab and format a column from the table
        function grabCol(j, col) {
            var $col = $(col),
                $text = $col.text();

            return $text.replace('"', '""'); // escape double quotes
        }
    }

    // This must be a hyperlink
    $('#export').click(function(event) {
        // var outputFile = 'export'
        var outputFile =
            window.prompt("What do you want to name your output file (Note: This won't have any effect on Safari)") ||
            'export';
        outputFile = outputFile.replace('.csv', '') + '.csv';

        // CSV
        exportTableToCSV.apply(this, [ $('#dvData > table'), outputFile ]);

        // IF CSV, don't do event.preventDefault() or return false
        // We actually need this to be a typical hyperlink
    });
});

var filter = document.getElementById('filter');

// Filter event
filter.addEventListener('keyup', filterItems);

// Filter Items
function filterItems(e) {
    // convert text to lowercase
    var text = e.target.value.toLowerCase();
    // Get lis
    var items = itemList.getElementsByTagName('dl');
    //var items = itemList.querySelectorAll('dd');
    // Convert to an array
    Array.from(items).forEach(function(item) {
        var itemName = item.firstChild.textContent;
        if (itemName.toLowerCase().indexOf(text) != -1) {
            item.style.display = 'block';
        } else {
            item.style.display = 'none';
        }
    });
}

嗨，我正尝试从我的哈巴狗文件下载到CSV文件。我想以三个标题名称，版本和存储库作为列下载到csv。然后对于每一列，我希望有一个包含（名称d.name，版本d.version，存储库d.repo_id中）的行列表。我正在使用此代码，但是当我尝试下载时，csv为空。我是帕格的新手，我想知道是否有办法解决这个问题，是否有人可以帮助我，因为我已经花了很多时间来解决这个问题。