工具栏在Ext Js 4

我是Ext Js的新手。我正尝试在工具栏中创建菜单按钮和分割按钮。这里是我的代码工具栏在Ext Js 4

Ext.onReady(function(){ 
    new Ext.Toolbar({ 
     renderTo: document.body, 
     items: [{ 
      xtype: 'tbbutton', 
      text: 'Button' 
     },{ 
      xtype: 'tbbutton', 
      text: 'Menu Button', 
      menu: [{ 
       text: 'Better' 
      },{ 
       text: 'Good' 
      },{ 
       text: 'Best' 
      }] 
     },{ 
      xtype: 'tbsplit', 
      text: 'Split Button', 
      menu: [{ 
       text: 'Item One' 
      },{ 
       text: 'Item Two' 
      },{ 
       text: 'Item Three' 
      }] 
     }] 
    }); 
});

当我在ext-4.2.1.883包中运行上述代码时，它不显示所需的工具栏。请帮助

来源

2013-10-31 insanity

你使用了错误的xtypes，用途：

button而不是 “TBBUTTON”
splitbutton，而不是 “tbsplit”

来源

2013-10-31 08:18:26 matt

感谢它的工作原理。我正在使用'Learning Ext Js - Shea Frederick＆Colin Ramsay _199'pdf作为参考，但我认为这本书使用了extjs的旧包。你能为我的学习目的建议我一本好书吗？ – insanity

您提到的PDF似乎是从2008年11月份开始的，所以它可能指的是ExtJS 2或3.恐怕这在许多方面都会过时，所以我不会依赖它作为学习资源。开始的好地方可能是官方文档中的[guides]（http://docs-origin.sencha.com/extjs/4.2.1/#!/guide）。另外请查看[示例]（http://docs-origin.sencha.com/extjs/4.2.1/#!/example），其中有很多。 – matt

非常感谢您的建议。然后我会遵循官方文档。 :) – insanity

工具栏在Ext Js 4

回答

相关问题