javascript - 在设计模式下编辑 Par 导致 JavaScript 错误

Question

我不知道这是怎么发生的，但是在 par(文本组件)的设计模式下单击编辑会在 widget.js 中生成一个脚本错误。当您单击编辑它们时，所有其他组件都可以正常工作。

以下是错误的控制台转储:

火狐:错误:类型错误:this.items.items[(i + 1)] 未定义
源文件:http://localhost:4502/libs/cq/ui/widgets.js
线路:147092

有问题的完整代码块:

if (title != this.items.items[i + 1].title) {
  // next title is different >> break
  break;
}

---

Chrome:Uncaught TypeError: Cannot read property 'title' of undefined, widgets.js:147092

上述错误的一些包含跟踪路径:

CQ.Ext.form.FieldSet.listeners.render widgets.js:147092
EXTUTIL.Event.fire widgets.js:9214
EXTUTIL.Observable.fireEvent widgets.js:8860
CQ.Ext.extend.render widgets.js:22566
CQ.Ext.layout.ContainerLayout.CQ.Ext.extend.renderItem widgets.js:26452
CQ.Ext.layout.FormLayout.CQ.Ext.extend.renderItem widgets.js:28653
CQ.Ext.layout.ContainerLayout.CQ.Ext.extend.renderAll widgets.js:26443
CQ.Ext.layout.ContainerLayout.CQ.Ext.extend.onLayout widgets.js:26429
CQ.Ext.layout.AnchorLayout.CQ.Ext.extend.onLayout widgets.js:26961

par 的标题在哪里？它没有作为独立项目包含在文本组件中，所以这里有些东西没有意义。

Answer 1

这个问题不是由于“par”的标题问题，而是组件的标题问题。基本上，当您在设计模式下单击 parsys 的编辑按钮时，它会列出您实例中存在的所有组件(/libs 和/apps 下的组件)。

这是由您的小部件库中的 ComponentSelector.js 完成的。组件选择器收集实例中的所有组和组件，忽略以“.”开头的组。 (例如.hidden)，忽略那些没有标题的组件，将所有组按标题升序排列，然后将特定组下的所有组件按升序排列，最后将列表显示给作者，作者从中得到为特定的 parsys 选择允许的组件。

现在，如果您的实例中存在 2 个或更多具有相同名称和相同组的组件，那么它会尝试将项目名称附加到组件名称后面，以便于识别(按升序排列时，这些组件彼此相邻出现，作者很难识别该组件属于哪个应用程序)。因此，例如，如果在 foundation 以及 geometrixx 等下有一个名为“downloads”的组件，则它将其显示为 downloads(foundation) 和 downloads(geometrixx) 等等。

你提到的这段代码，检查当前组件的标题和下一个组件的标题是否相同，如果不同，则跳出循环，否则继续循环，将项目名称附加到标题。

if (title != this.items.items[i + 1].title) {
  // next title is different >> break
  break;
}

现在，如果特定组下的相邻组件的标题相同，则此条件可以正常工作，除非并且直到具有相同标题的组件是该特定组中的最后一个组件，当按升序排列时。如果组中的最后两个组件具有相同的标题，则 this.items.items[i + 1] 将为 null(数组索引越界异常)当最后一个元素的标题与下一个元素进行检查时，因此 undefined object 上的 .title 会抛出异常 Uncaught TypeError: Cannot read property 'title' of undefined, widgets.js :147092。

您可以通过将上述条件替换为以下条件来解决此问题

if (i != length - 1 && title != this.items.items[i + 1].title) {
    // next title is different >> break
    break;
}

或者通过确保同一组下的最后两个组件不具有相同的名称。 (这基本上发生在您尝试复制粘贴组件时。因此确保在复制现有组件后更改标题或组可以避免此问题)。