24、Ext JS 扩展与表单组件的强大功能

Ext JS 扩展与表单组件的强大功能

1. 可复用代码：扩展 Ext JS

1.1 自定义组件的创建与使用

在开发过程中，我们可以创建自定义组件以满足特定需求。例如，通过调用 Ext JS 的 fireEvent() 方法来广播更新事件，并将数据作为参数传递给监听该更新事件的方法。以下是一个完整的自定义组件示例：

Ext.namespace('CRM.panels');
CRM.panels.ContactDetails = Ext.extend(Ext.Panel,{
  width: 350,
  height: 250,
  data: {
    ID: 0,
    FIRSTNAME: '',
    LASTNAME: '',
    EMAIL: '',
    ADDRESSTYPE: 'Home (mailing)',
    STREET1: '',
    STREET2: '',
    STREET3: '',
    CITY: '',
    STATE: '',
    ZIP: '',
    PHONETYPE: 'Home',
    PHONE: ''
  },
  tpl: new Ext.XTemplate([
     '<img src="/resources/images/s.gif" width="21" height="16" /><b>{FIRSTNAME} {LASTNAME}</b><br />',
     '<img src="/resources/imag