Question

我有一个从node.js服务器运行的html页面。我正在尝试使用syncfusions基本网格功能，并遵循提供的http://help.syncfusion.com/web设置。

我的代码如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="utf-8" />
        <link href="http://cdn.syncfusion.com/js/web/flat-azure/ej.web.all-latest.min.css" rel="stylesheet" />
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
        <script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
        <script src="http://borismoore.github.io/jsrender/jsrender.min.js"></script>
        <script src="http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                window.dataManager = ej.DataManager({
                    url: "http://mvc.syncfusion.com/UGService/api/Orders",
                    crossDomain: true,
                    offline:true
                });
                $("#Grid").ejGrid({
                    dataSource: window.dataManager,
                    allowPaging: true,
                    allowFiltering: true,
                    columns: [
                        { field: "Order", headerText: "Order ID", width: 75, textAlign: ej.TextAlign.Right },
                        { field: "CustomerID", headerText: "Customer ID", width: 80 },
                        { field: "ShipName", headerText: "Ship Name", width: 100 },
                        { field: "ShipCity", headerText: "Ship City", width: 100 },
                        { field: "Freight", width: 80, format: "{0:C3}", textAlign: ej.TextAlign.Right }
                    ]
                });
            });
        </script>
    </head>
    <body>
        <div id="Grid"></div>
    </body>
</html>

<body>
<div id="Grid"></div>
</body>
</html>

我刚刚复制并粘贴它并尝试运行它但是出现了错误

ej.web.all-latest.min.js：1未捕获的SyntaxError：意外的令牌 ILLEGAL test.html：27未捕获的ReferenceError：未定义ej

我已将他们的js文件包含在ej中。第一个错误是此文件的第1行http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js

发生了什么事？我无法弄清楚：/ 任何帮助都会很棒，因为今天是我开始使用syncfusion的第一天，并没有太多文档可以帮助你设置它......

Answer 1

ej.web.all-latest.min.js的cdn链接中报告的问题现已修复。现在，您可以在样本中使用相同的cdn link。

此致

Sunil Prabakar [Syncfusion团队]

Answer 2

http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js是一个没有HTTP标头的gzip压缩资源，可以向浏览器解释，以便为您解压缩。

简而言之，该文件的托管版本已损坏。从其他地方找到一个干净的版本（或者用wget下载并手动喷枪）并将其托管在其他地方。

Syncfusion JavaScript网格无法显示。语法和引用错误

2 个答案: