尝试将一个元素绑定到另一个元素的配置时,ExtJS抛出无效的domNode引用或现有domNode的id:null

zvokhttg  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(110)

对于这个没有注解绑定部分的代码,我在代码下面发布了一条错误消息。

<!DOCTYPE html>
 <html>
 <head>
 <script type="text/javascript" charset="UTF-8" src="./ext-all-debug.js"></script>
 <script type="text/javascript">
   var resultsPanel = Ext.create('Ext.panel.Panel', {
      title: 'Results',
      width: 600,
      height: 400,
      border: true,
      layout: {
          type: 'vbox',       // Arrange child items vertically
          align: 'stretch',    // Each takes up full width
          padding: 5
      },
      items: [{               // Results grid specified as a config object with an xtype of 'grid'
          xtype: 'button',
          text: 'button1',
          pressed: false,
          reference: 'button1',
          listeners : {
              click: { fn: function(){ alert("heheh");}}
          }
      },
      {
          xtype: 'button',
          text: 'button2',
          bind: {
              hidden: '{!button1.pressed}',
          }
      }
    ]
});
Ext.onReady(function () {
    resultsPanel.render(Ext.getBody());
   }, this, {delay: 1000});
 </script>
 </head>
 <body>
 </body>
</html>

以下错误消息:

[E] Ext.dom.Element.constructor(): Invalid domNode reference or an id of an existing domNode: null ext-all-debug.js:10375:31
extPanel.html:34

当我从代码中删除绑定部分时,一切都正常。

6gpjuf90

6gpjuf901#

button1中,必须添加:

enableToggle: true,

pressed仅适用于切换按钮。

相关问题