我开发了一个树视图,使用knockout来显示层次结构.我注意到当我折叠树中的节点时,chrome中出现了一种奇怪的情况.节点的文本随其下的项目一起消失.我想我的代码有问题,然后发现它在IE和Firefox中都能正常工作.我创建了下面的小提琴,演示了我的页面中的任何额外代码被剥离的问题.如果展开节点然后折叠它(加号按钮不会像在我的完整代码中那样变为减号),文本就会消失.然后,您只需单击页面上的任意位置即可显示备份文本.
消失的文本已按照评论中的建议以红色标出,并可在屏幕截图中看到
我已经在4台机器上对其进行了测试,每次使用Chrome时它都无法正常工作.这是Chrome中的错误,还是我做错了什么?此外,任何人都可以看到任何解决此问题的方法,如果它是Chrome中的错误?
console.clear();
var hierarchyNode = function (parent) {
var self = this;
this.name = "Node Name";
this.hasChildren = ko.observable(true);
this.childNodes = ko.observableArray();
this.expanded = ko.observable(false);
};
hierarchyNode.prototype = {
name: null,
hasChildren: null,
childNodes: null,
getChildNodes: function (element, event) {
if (element.hasChildren() === true && element.childNodes().length === 0) {
element.childNodes.push(new hierarchyNode(element));
}
element.expanded(!element.expanded());
}
};
var hierarchyVM = function () {
var self = this;
self.hierarchyNodes = ko.observableArray();
self.selectItem = function () {};
};
var vm = …
Run Code Online (Sandbox Code Playgroud)