在Google Drive API中使用jQuery数据表

问题描述 投票:0回答:1

我正在研究如何实现jQuery Datatable以显示类似http://prntscr.com/s39fcm的数据,您可以检查其在此网站http://sharer.pw上的工作情况>>

我的代码:

function listFiles() {
gapi.client.drive.files.list({
    'pageSize': 10,
    'fields': "nextPageToken, files(id, name, mimeType)"
}).then(function(response) {

    var files = response.result.files;
    if (files && files.length > 0) {


        for (var i = 0; i < files.length; i++) {
            var file = files[i];


            var dataSet = [
                [file.name, file.mimeType, "<input type='checkbox'/>", "<div class='btn-group'><a class='btn btn-primary' href='#'>Share</a><a class='btn btn-danger'>Delete</a></div>"]
            ];


        }
        $('#example').DataTable({
            data: dataSet,
            columns: [
                { title: "File Name" },
                { title: "Type" },
                { title: "Select" },
                { title: "Action" }
            ]
        });
    } else {
        console.log('No files found.');
    }

});

此代码仅返回一条记录!我也尝试将$('#example').DataTable({..});放入for循环中,但它表示为[]

http://prntscr.com/s39oyn

我正在研究如何实现jQuery Datatable以显示像这样的数据http://prntscr.com/s39fcm,您可以检查其在此网站上的工作http://sharer.pw我的代码:function listFiles(){ ....

jquery datatable google-api google-drive-api google-api-js-client
1个回答
0
投票

我刚刚自行解决了此问题。下面的代码就像魅力一样工作! :)

在HTML中:

© www.soinside.com 2019 - 2024. All rights reserved.