无法在LightSwitch HTML中使用Syncfusion JavaScript组件
我刚刚花599美元买了SyncFusion Essential Studio Enterprise。我正在使用他们的LightSwitch Silverlight组件，没有任何问题，但在使用JavaScript组件时似乎出现了一些奇怪的问题 这是来自全新（完全为空）LightSwitch HTML客户端的default.htm文件的所有内容，包括SyncFusion所需的修改：无法在LightSwitch HTML中使用Syncfusion JavaScript组件,javascript,jquery,lightswitch-2012,syncfusion,Javascript,Jquery,Lightswitch 2012,Syncfusion,我刚刚花599美元买了SyncFusion Essential Studio Enterprise。我正在使用他们的LightSwitch Silverlight组件，没有任何问题，但在使用JavaScript组件时似乎出现了一些奇怪的问题 这是来自全新（完全为空）LightSwitch HTML客户端的default.htm文件的所有内容，包括SyncFusion所需的修改： <!DOCTYPE HTML> <html> <head> <met
<!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>
Application1.HTMLClient
//在Windows Phone 8上解决IE 10中的视口大小问题
if（navigator.userAgent.match（/IEMobile\/10\.0/）{
document.writeln（“@-ms viewport{width:auto！important；}”）；
}
Application1.HTMLClient
$（文档）.ready（函数（）{
msls._run（）
.then（空，函数失败（错误）{
警报（错误）；
});
});
<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>
ej.buildTag=函数（标记、innerHtml、样式、属性）{
变量标记名=/^[a-z]*[0-9a-z]+/ig.exec（标记）[0]；
变量id=/#（[a-z]+[-\u 0-9a-z]+）/ig.exec（tag）；
id=id？id[id.length-1]：未定义；
var className=/\.（[a-z]+[-\u 0-9a-z]+）/ig.exec（tag）；
className=className？className[className.length-1]：未定义；
返回$（document.createElement（标记名））
.attr（id？{“id”：id}:{}）
.addClass（类名| |“”）
.css（样式|{}）
.attr（attrs |{}）
.html（innerHtml | |“”）；
}
结束电子邮件这是由于msls-2.0.0.js中的数组迭代不正确，以及为在ej.widget.all.js中查找lastItem而添加的不需要的数组原型函数 要使工作正常，您可以在
$（文档）中添加以下脚本。就绪$(document).ready(function () {
delete Array.prototype.lastItem;
msls._run()
.then(null, function failure(error) {
alert(error);
});
});
<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>
ej.buildTag=函数（标记、innerHtml、样式、属性）{
变量标记名=/^[a-z]*[0-9a-z]+/ig.exec（标记）[0]；
变量id=/#（[a-z]+[-\u 0-9a-z]+）/ig.exec（tag）；
id=id？id[id.length-1]：未定义；
var className=/\.（[a-z]+[-\u 0-9a-z]+）/ig.exec（tag）；
className=className？className[className.length-1]：未定义；
返回$（document.createElement（标记名））
.attr（id？{“id”：id}:{}）
.addClass（类名| |“”）
.css（样式|{}）
.attr（attrs |{}）
.html（innerHtml | |“”）；
}