1

サーバーから返された json 値をロードする 2 つの jquery Datatables があります。ただし、最初のデータ可能なインスタンスのみがデータをロードします。Firebug から返されたエラーを表示すると、"TypeError: this.domElement.parentNode is null" が表示され、Chrome の javascript コンソールにも "Uncaught TypeError: Cannot call method 'appendChild' of null" というエラーが表示されます。

以下は、データテーブルの初期化コードです

$(function() {
    var roleTable = $('#grid[rel*=roles_grid]').dataTable( {"bJQueryUI": false,
                "sPaginationType": "full_numbers",
                "sDom": 'T<"clear">lfrtip',
                "bSortClasses": true, 
                "oTableTools": { "sSwfPath": "resources/swf/copy_cvs_xls_pdf.swf" },
                "bProcessing": true,
                "bServerSide": true,
                "bRetrieve": true, 
                "sAjaxSource": "resources/server/json/setup.json.php",
                "aoColumns": [
                    { "mDataProp": "description" },
                    { "mDataProp": "notes" },
                    { "mDataProp": "id" }
                ]
            });

            var usersTable = $('#grid[rel*=users_grid]').dataTable( {
                "bJQueryUI": false,
                "sPaginationType": "full_numbers",
                "sDom": 'T<"clear">lfrtip',
                "bSortClasses": true, 
                "oTableTools": { "sSwfPath": "resources/swf/copy_cvs_xls_pdf.swf" },
                "bProcessing": true,
                "bServerSide": true,
                "bRetrieve": true,  
                "sAjaxSource": "resources/server/json/users.json.php",
                "aoColumns": [
                    { "mDataProp": "staff_no" },
                    { "mDataProp": "lastname" },
                    { "mDataProp": "firstname" },
                    { "mDataProp": "email" },
                    { "mDataProp": "primary_phone" },
                    { "mDataProp": "secondary_phone" },
                    { "mDataProp": "description" },
                    { "mDataProp": "id" }
                ]
            });
        });

私は何を間違っていますか?

4

0 に答える 0