Question

我有一些表单字段和字段集，我想在不同的视图中重用它们（可能有不同的布局和/或更多的字段）。

我需要一个解决方案，根据该解决方案，我不必在我创建的每个视图中重复这些表单字段，并且我想重用之前定义的那些。您对基于MVC的应用程序有什么建议？

Answer 1

这是一个非常基本的自定义组件，您可以在表单中重复使用（它将放在名为InterestRate.js的app / form / field文件夹中）：

Ext.define('app.form.field.InterestRate', {
  extend: 'Ext.form.field.Number',
  alias:'widget.ratefield',

  minValue:0,
  step:0.05,
  fieldLabel:'Rate'
});

然后您可以使用以下形式使用它：

Ext.define('app.view.Quote', {
  extend:'Ext.form.Panel',
  requires:[
    'app.form.field.InterestRate'
  ],
  items:[
  {
    xtype:'ratefield'
  }    
  ]
});

您可以根据需要使组件变得复杂，例如整个网格或包含多个项目的字段容器。

问题是，您希望其行为是自包含的，还是由主窗体的控制器控制？

如何在extjs4中创建可重用和MCV兼容的表单字段？

1 个答案: