Частные функции и переменные ExtJs4? - PullRequest
Новая
       15

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

11 голосов
/ 13 мая 2011

В моем текущем проекте я использую 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);
};

Ответы [ 3 ]

8 голосов
/ 13 мая 2011

Я не большой поклонник применения таких переменных, как это, но, конечно, это можно сделать.Просто установите функцию доступа (замыкание) к переменной в функции конструктора / initComponent: 

constructor: function(config) {
    var bar = 4;
    this.callParent(arguments);

    this.getBar = function() {
        return bar;
    }
},...
6 голосов
/ 18 ноября 2011

Это именно то, для чего нужен конфиг, проверьте это из документации Extjs:

config: Object Список параметров конфигурации с их значениями по умолчанию, для которых автоматически создаются методы доступа. Например: 

Ext.define('SmartPhone', {
     config: {
         hasTouchScreen: false,
         operatingSystem: 'Other',
         price: 500
     },
     constructor: function(cfg) {
         this.initConfig(cfg);
     }
});

var iPhone = new SmartPhone({
     hasTouchScreen: true,
     operatingSystem: 'iOS'
});

iPhone.getPrice(); // 500;
iPhone.getOperatingSystem(); // 'iOS'
iPhone.getHasTouchScreen(); // true;
iPhone.hasTouchScreen(); // true

Таким образом, вы скрываете фактическое поле и по-прежнему имеете к нему доступ.

5 голосов
/ 26 июля 2013

Вы можете создавать частных пользователей, как это.Но это бесполезно, если вы создаете более одного экземпляра для этого класса. 

Ext.define('MyPanel', function(){

    var bar = 'bar';//private variable

    function foo(){
        //private function
    };
    return {
       extend: 'Ext.panel.Panel',
       title: 'Panel',
       layout: 'border',
       closable: true,

       constructor: function(config) {

           this.callParent(arguments);
       },

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

    };

});

спасибо,

Нанду

...