0

我刚刚以 599 美元的价格购买了 SyncFusion Essential Studio Enterprise。我使用他们的 LightSwitch Silverlight 组件没有问题，但在使用 JavaScript 组件时似乎遇到了一些奇怪的问题。

这是来自全新（完全为空）LightSwitch HTML 客户端的 default.htm 文件的所有内容，其中包含 SyncFusion 所需的修改：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=10" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Application1.HTMLClient</title>

    <script type="text/javascript">
        // Work around viewport sizing issue in IE 10 on Windows Phone 8
        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
            document.writeln("<style>@-ms-viewport { width: auto!important; }</style>");
        }
    </script>

    <link rel="stylesheet" type="text/css" href="Content/light-theme-2.0.0.css" />
    <link rel="stylesheet" type="text/css" href="Content/msls-light-2.0.0.css" />
    <link rel="stylesheet" type="text/css" href="Content/jquery.mobile.structure-1.3.0.min.css" />
    <link rel="stylesheet" type="text/css" href="Content/msls-2.0.0.min.css" />
    <!-- SyncFusion -->
    <link rel="stylesheet" type="text/css" href="http://cdn.syncfusion.com/js/flat-azure/ej.widgets.all-latest.min.css" />
</head>
<body>
    <div id="msls-id-app-loading" class="ui-body-a msls-layout-ignore">
        <div class="msls-app-loading-img"></div>
        <span class="ui-icon ui-icon-loading"></span>
        <div class="ui-bottom-load">
            <div>Application1.HTMLClient</div>
        </div>
    </div>

    <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js"></script>
    <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
    <script type="text/javascript" src="Scripts/winjs-1.0.min.js"></script>
    <!--<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>-->

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery.mobile-1.3.0.min.js"></script>
    <script type="text/javascript" src="Scripts/datajs-1.1.1.min.js"></script>
    <script type="text/javascript" src="Scripts/Generated/resources.js"></script>
    <script type="text/javascript" src="Scripts/msls-2.0.0.min.js"></script>
    <script type="text/javascript" src="Scripts/Generated/generatedAssets.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            msls._run()
                .then(null, function failure(error) {
                    alert(error);
                });
        });
    </script>
    <!-- SyncFusion -->
    <script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="http://borismoore.github.io/jsrender/jsrender.min.js"></script>
    <script src=" http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.cultures.js "></script>

    <script src="http://cdn.syncfusion.com/js/ej.widgets.all-latest.min.js"></script>
</body>
</html>

在 IE11/10 中，我收到以下错误消息：“无法加载模型：错误：堆栈空间不足”

在 Chrome 中，我收到类似的消息：“无法加载模型：RangeError：超出最大调用堆栈大小”

在 FireFox 中，我也收到了类似的消息：“无法加载模型：InternalError: too much recursion”

错误表明它可能是一个组件尝试多次注册或其他什么，我的问题是为什么以及如何解决这个问题？

当然，这在标准 HTML 页面上可以正常工作（我正在查看提供的示例）......只是 LightSwitch 存在问题。

编辑 以下是我从 Syncfusion 收到的回复。如前所述，这没有任何影响：

开始电子邮件

感谢您使用 Syncfusion 产品。

我们能够重现上述报告的问题，并且我们分析该问题是由于 msls-2.0.0.js 中的数组迭代不正确以及在 ej.widget.all.js 中查找 lastItem 的不需要的 Array 原型函数添加造成的。为了克服这个问题，我们准备了以下工作。

代码片段：

<script src="http://cdn.syncfusion.com/js/ej.widgets.all-latest.min.js"></script>
<script type="text/javascript">
    ej.buildTag = function (tag, innerHtml, styles, attrs) {
        var tagName = /^[a-z]*[0-9a-z]+/ig.exec(tag)[0];
        var id = /#([a-z]+[-_0-9a-z]+)/ig.exec(tag);
        id = id ? id[id.length - 1] : undefined;
        var className = /\.([a-z]+[-_0-9a-z ]+)/ig.exec(tag);
        className = className ? className[className.length - 1] : undefined;
        return $(document.createElement(tagName))
            .attr(id ? { "id": id } : {})
            .addClass(className || "")
            .css(styles || {})
            .attr(attrs || {})
            .html(innerHtml || "");
    }
</script>

我们已确认这是一个缺陷，并为此记录了一个缺陷报告。我们建议您遵循上述解决方法，直到该缺陷在我们即将发布的主版本 [2014 Vol-1] 中可用，该版本预计将于 3 月底发布。我们感谢您在此之前的宝贵耐心。

如果您需要进一步的帮助，请与我们联系。

感谢和问候，

结束电子邮件

4

1 回答 1

2

这是 msls-2.0.0.js 中不正确的数组迭代以及不需要的 Array 的原型函数添加以在 ej.widget.all.js 中查找 lastItem 的问题

要使事情正常进行，您可以在其中添加以下脚本$(document).ready

$(document).ready(function () {
    delete Array.prototype.lastItem;
    msls._run()
    .then(null, function failure(error) {
        alert(error);
    });
});

编辑

在上述解决方法之后，syncfusion 控件无法正常工作。你能就这个问题联系 Syncfusion 支持吗？

编辑2

我找到了使控件正常工作的解决方法。将以下脚本粘贴到 default.htm

<script src="http://cdn.syncfusion.com/js/ej.widgets.all-latest.min.js"></script>
<script type="text/javascript">
    ej.buildTag = function (tag, innerHtml, styles, attrs) {
        var tagName = /^[a-z]*[0-9a-z]+/ig.exec(tag)[0];

        var id = /#([a-z]+[-_0-9a-z]+)/ig.exec(tag);
        id = id ? id[id.length - 1] : undefined;

        var className = /\.([a-z]+[-_0-9a-z ]+)/ig.exec(tag);
        className = className ? className[className.length - 1] : undefined;

        return $(document.createElement(tagName))
            .attr(id ? { "id": id } : {})
            .addClass(className || "")
            .css(styles || {})
            .attr(attrs || {})
            .html(innerHtml || "");
    }
</script>
于 2014-02-06T11:25:57.603 回答