Question

下面是我用来加载到布局浏览器的javascript变量...你会注意到监听器部分被注释掉...当我取消注释这部分时，布局浏览器和树不显示起来。当我注释掉侦听器部分时，布局浏览器和树工作正常，但填充池详细信息面板的侦听器除外。

为什么听众正在吹动布局浏览器和树的渲染？

var PoolStackTree = {
  id: 'PoolStackTree-panel',
  title: 'Pool List',
  layout: 'border',
  width: 500,
  height: 500,
  items: [{
    xtype: 'treepanel',
    id: 'pooltree-panel',
    region: 'center',
    margins: '2 2 0 2',
    singleExpand: true,
    animate: true,
    useArrows: true,
    autoScroll: true,
    rootVisible: false,
    root: new Ext.tree.AsyncTreeNode(),
    loader: new Ext.app.PoolLoader({ dataUrl: 'calmonpool_views_xml.cgi' })
/*
    listeners { 'render': function(tp) {
      tp.getSelectionModel().on('selectionchange', function(tree-pool, node-pool) {
        var el = Ext.getCmp('pool-details-panel').body;
        if(node-pool && node-pool.leaf) {
          tpl.overwrite(el, node-pool.attributes);
        } else {
          el.update(detailsText);
        }
      })
    }}
*/
  },{
    id: 'pool-details-panel',
    title: 'Pool Details',
    region: 'south',
    autoScroll: true,
    collapsible: true,
    split: true,
    margins: '0 2 2 2',
    cmargins: '2 2 2 2',
    height: 220,
    html: detailsText
  }]
};

Answer 1

您在“侦听器”属性名称前面缺少逗号，在属性名称后面缺少冒号：

...,
listeners: { ...

Answer 2

对于初学者来说，你在“听众”之后错过了一个“：”。这肯定会导致树不呈现。

我在extjs提供的布局浏览器示例中添加的extjs xml树示例

2 个答案: