0

我有两个 div,我想在那里加载模板。我正在尝试像这样加载,它不起作用。这是我的代码。

主文件.htm

Details

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

模板1.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>

模板2.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

在您的模板中,您似乎正在使用dataTable从未包含其相应脚本文件的插件。此外,您似乎正在使用 jQuery,但我也看不到任何对它的引用。因此,请确保您已包含您打算在模板中使用的脚本:

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

此外,为了调试这些问题,我强烈建议您开始使用 javascript 调试工具,例如 FireBug。它会向您显示您可能遇到的潜在 javascript 错误,您将能够从您的 AJAX 调用中看到确切的请求/响应,并立即看到它们失败的潜在原因等等。

于 2013-01-18T06:22:46.607 回答
0

检查ajax源返回的数据的Json格式,它应该包括'aaData'。也尝试排查模板页面是否模板页面使用datatable获取数据,稍后尝试加载到main.html中的div中

于 2013-01-18T07:57:04.303 回答