0

2 つの div があり、そこにテンプレートをロードしたいと考えています。私はこのようにロードしようとしていますが、うまくいきません。ここに私のコードがあります。

Main.htm

Details

 <div id="placeholder1" />
 <div id="placeholder2" />

Template1.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript" charset="utf-8">


            $(document).ready(function () {
                $('#example').dataTable({
                    "bProcessing": true,
                    "bPaginate": false,
                    "sAjaxSource": '/Home/GetReport1',


                });
            });
        </script>

 </head>

TESTING.........

    <div id="dynamic">
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
            <tr>
                <th width="20%">Date</th>
                <th width="25%">Time</th>

            </tr>
        </thead>
        <tbody>
       </tbody>

    </table>
    </div>
    </html>

Template2.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script type="text/javascript" charset="utf-8">


            $(document).ready(function () {
                $('#example').dataTable({
                    "bProcessing": true,
                    "bPaginate": false,
                    "sAjaxSource": '/Home/GetReport1',


                });
            });
        </script>

 </head>

TESTING.........

    <div id="dynamic">
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
            <tr>
                <th width="20%">Place</th>
                <th width="25%">Food</th>

            </tr>
        </thead>
        <tbody>
       </tbody>

    </table>
    </div>
    </html>

ここでは、テンプレート フォーム JS ファイルをどのようにロードしているか

myjs.js

 var placeholder = $("#tab");
            placeholder.setTemplateURL("/Templates/Home/main.htm");

            placeholder.load("/Templates/Home/pricinghistory.htm");

            var firstDiv = $("placeholder1");

            firstDiv.setTemplate("/Templates/Home/Template1.htm");

            firstDiv.load("/Templates/Home/Template1.htm");
4

2 に答える 2

0

ajax ソースから返されるデータの Json 形式を確認します。「aaData」が含まれている必要があります。また、テンプレート ページが datatable を使用してデータを取得するかどうかにかかわらず、テンプレート ページのトラブルシューティングを試み、後で​​ Main.html にある div にロードしてみてください。

于 2013-01-18T07:57:04.303 に答える
0

テンプレート内でdataTable、対応するスクリプト ファイルを含めたことのないプラグインを使用しているようです。また、あなたはjQueryを使用しているようですが、それへの参照も見当たりません。そのため、テンプレートで使用する予定のスクリプトが含まれていることを確認してください。

<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.dataTables.min.js"></script>

また、この種の問題をデバッグするために、FireBug などの JavaScript デバッグ ツールの使用を開始することを強くお勧めします。潜在的な JavaScript エラーが表示され、AJAX 呼び出しからの正確な要求/応答を確認でき、失敗の潜在的な理由などをすぐに確認できます。

于 2013-01-18T06:22:46.607 に答える