0

jQuerydatatablesテーブルをqtip2ポップアップに挿入したいと思います。私はこのテストを行いました：http： //jsfiddle.net/fDavN/5588/

ただし、検索とページ付けは表示されません。

$(document).ready(function() {

    $('.btn-layer').each(function() {    
    $(this).qtip( {
        content: {
            text: 'Loading...',            
            title: {
                text: 'User',
                button: true
            },
            ajax: {
                url: '/echo/json/',
                type: 'GET',
                dataType: 'text',
                cache: false,                
                //dataType: 'json',
                //contentType: 'application/json; charset=utf-8',
                //dataType: 'json',
                //data: { id: c_id },
                success: function(data) {
                    //var data = eval('(' + data + ')');                                        
                    data = testJson;                    
                    var $tab = $('<table class="table table-striped table-bordered dataTable" id="tbl1"></table>');                                                               
                    $($tab).dataTable({                    
                        "aaData": data.aaData,
                        "aoColumns": data.aoColumns
                    });
                    this.set('content.text', $($tab) );
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert('AJAX error!');
                } 
****


});

アイデア？

ありがとう！

4

1 に答える 1

1

私は jquery datatables をたくさん使用していますが、ページに要素を追加していないことが問題だと思います<table class="table table-striped table-bordered dataTable" id="tbl1"></table>。コードを変更しましたが、テストする時間がありませんでした。試してみることができます。

success: function(data) {
    //var data = eval('(' + data + ')');                                        
    data = testJson;                    

    $('<table class="table table-striped table-bordered dataTable" id="tbl1"></table>').appendTo('body').dataTable({                    
        "aaData": data.aaData,
        "aoColumns": data.aoColumns
    });
    this.set('content.text', $($tab) );
},
于 2013-03-07T10:02:34.877 に答える