ContactTelPanel =Ext.extend(Ext.Panel, {
  //構(gòu)造方法
  constructor : function(config) {
    Ext.apply(this, config);//直接把config對象的屬性全復(fù)制到this對象中
    Parent = this.parent;
    var me = this;
    ContactTelPanel.superclass.constructor.call(this, {//用ContactTelPanel的父類也就是Ext.Panel的構(gòu)造函數(shù)
      autoScroll : true,
      title : "撥打電話",//設(shè)置title，跟這篇文章的主體沒關(guān)系，不要管他
      id : "contacttelpanel",
      bodyStyle : "padding: 30px 300px;",
      defaults : {//可以為該對象(ContactTelPanel)包含的組件(也就是在items配置選項)設(shè)置一些相同屬性
        layout : "column",
        defaults : {
          xtype : "button",
          width : 50,
          height : 25,
          style : "margin:4px 15px",
          handler : this.press //為每個按鈕都添加一個click的事件
        },
        bodyBorder : false
      },
      items : [ {//textfield組件
        height : 30,
        width : 250,
        xtype : "textfield",
        id : "tf",
        style : "margin-bottom:10px"
      }, {// 沒有xtype就是默認為panel，下面也是，不然就不要糾結(jié)了，直接在這里想象成第一行按鈕1、按鈕2、按鈕3
        items : [ {
          text : "1"
        }, {
          text : "2"
        }, {
          text : "3"
        } ]
      }, {// 這里是按鈕4、按鈕5、按鈕6
        items : [ {
          text : "4"
        }, {
          text : "5"
        }, {
          text : "6"
        } ]
      }, {// 這里是按鈕7、按鈕8、按鈕9 下同
        items : [ {
          text : "7"
        }, {
          text : "8"
        }, {
          text : "9"
        } ]
      }, {
        items : [ {
          text : "*"
        }, {
          text : "0"
        }, {
          text : "#"
        } ]
      }, {
        items : [ {
          text : "撥打",
        }, {
          text : "刪除",
        } ]
      } ]
    });
  },
  press : function() {
    var text = this.text, textfield = Ext.getDom("tf");
    if (/[0-9*#]/.test(text)) {//在textfield中顯示所點擊按鈕的數(shù)字
      textfield.value += text;
    } else if (this.text == "刪除") {//刪除功能
      textfield.value = textfield.value.slice(0, -1);
    } else if (this.text == "撥打") {//這個先不要管他
      Tel.telcall(textfield.value);
    }
  }
});