Частные функции и переменные ExtJs4?

В моем текущем проекте я использую ExtJs3.3.
Я создал множество классов с частными переменными и функциями. Например:

MyPanel = function(config){
  config = config || {};

  var bar = 'bar';//private variable

  function getBar(){//public function
     return bar;
  }

  function foo(){
     //private function
  }

Ext.apply(config, {
  title: 'Panel',
  layout: 'border',
  id: 'myPanel',
  closable: 'true',
  items: []
});

  MyPanel.superclass.constructor.call(this, config);
};
Ext.extend(MyPanel , Ext.Panel, {
  bar: getBar
});
Ext.reg('MyPanel', MyPanel);

Я понимаю, что новый способ делать что-то в ExtJs4 - использовать метод Ext.define . Так как мой приведенный выше фрагмент кода будет выглядеть примерно так:

Ext.define('MyPanel', {
  extend: 'Ext.panel.Panel',

  title: 'Panel',
  layout: 'border',
  closable: true,

  constructor: function(config) {

     this.callParent(arguments);
  },

});

Итак, я хочу знать, как я могу определить частные переменные и функции в ExtJs4 так же, как я сделал это в ExtJs3?
Другими словами, я понимаю, что метод Ext.define позаботится об определении, расширении и регистрации моего нового класса, но где я должен объявить javascript var , которые не являются свойствами сам класс, но они необходимы классу.

MyPanel = function(config){
  //In my Ext3.3 examples I was able to declare any javascript functions and vars here.
  //In what way should I accomplish this in ExtJs4.

  var store = new Ext.data.Store();

  function foo(){
  }
  MyPanel.superclass.constructor.call(this, config);
};
11
задан shane87 12 May 2011 в 23:06
поделиться