目标是在 CRM 中的表单上的 Web 资源中使用网格控件。我决定使用 KoGrid,因为它可以很容易地绑定到我们已经拥有的淘汰视图模型。问题是在 CRM 上下文中使用 KoGrid 会导致 IE 9 完全停止响应。控制台中没有记录异常或错误;唯一的症状是浏览器锁定。
将浏览器置于兼容模式可以解决问题,不幸的是,在 IE 9 中,文档类型是继承的,因此我们无法控制 Web 资源的呈现模式。此外,这实际上只是解决了症状而不是原因。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../css/KoGrid.css" rel="stylesheet" />
<script src="../js/jquery_1.8.3.min.js"></script>
<script src="../js/knockout.js"></script>
<script src="../js/koGrid_2.1.1.js"></script>
<style type="text/css">
.gridStyle {
border: 1px solid rgb(212,212,212);
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<script type="text/javascript">
$(function () {
setTimeout(function () {
debugger;
function mainVm() {
var self = this;
this.myData = ko.observableArray([{ name: "Moroni", age: 50 },
{ name: "Tiancum", age: 43 },
{ name: "Jacob", age: 27 },
{ name: "Nephi", age: 29 },
{ name: "Enos", age: 34 }]);
this.gridOptions = {
canSelectRows: false,
multiSelect: false,
data: self.myData
};
};
ko.applyBindings(new mainVm());
}, 3000);
});
</script>
<div class="gridStyle" data-bind="koGrid: gridOptions"></div>
</body>
</html>
http://jsfiddle.net/wycleffsean/yHrBA/2/
仅在 CRM 中可能导致此行为的原因是什么?它在每个浏览器中都可以正常工作。渲染模式与脚本行为有什么关系?