Question

我是ExtJs的新手，只是介入了一些基本的东西，并发现作为初学者很难开始。

以下是实现Ext按钮的两种方式：

的Sample1：

var nextBtn = new Ext.Button({
    text: 'Next >>',
    handler: function() {
        Ext.getDom('form_main').submit();
    },
    id: 'next',
    renderTo: 'next'
});

样品2：

Ext.widget('button', {
text: 'some long title of my cool button',
scale: 'large',
cls: 'my-button',
width: 100,
renderTo: 'output'
});

我的猜测是因为版本，它已经改变了。请告诉我这两个代码之间的区别。

此致

Answer 1

有很多方法可以在ExtJS中实例化一个类。

以此定义为例：

Ext.define ('Ext.button.Button', {
  alias: 'widget.button' ,
  // here other properties and methods ...
});

然后你可以选择其中一种方法来实例化Ext.button.Button：

首先：javascript风格

var button = new Ext.button.Button ({
  // props and methods
});

第二种：使用 Ext.create 方法

的ExtJS样式

var button = Ext.create ('Ext.button.Button', {
  // props and methods
});

第三种：使用 Ext.widget 方法的ExtJS样式（它使用别名属性）

var button = Ext.widget ('button', {
  // props and methods
});

我建议您使用第二种或第三种方式，因为它们使用ExtJS动态加载器： here's the documentation

这两个代码有什么区别？

1 个答案: