Członkowie prywatni podczas rozszerzania klasy za pomocą ExtJS
Zrobiłem kilka badań na ExtJS forum dotyczące prywatnych metod i pól wewnątrz klasa Rozszerzona, i nie mogłem znaleźć na to prawdziwej odpowiedzi.
A Kiedy mówię klasa Rozszerzona mam na myśli coś takiego:
Ext.ux.MyExtendedClass = Ext.extend(Ext.util.Observable, {
publicVar1: 'Variable visible from outside this class',
constructor: function(config) { this.addEvents("fired"); this.listeners = config.listeners; }, // to show that I need to use the base class
publicMethod1: function() { return 'Method which can be called form everywhere'; },
publicMethod2: function() { return this.publicMethod1() + ' and ' + this.publicVar1; } // to show how to access the members from inside another member
});
Problem polega na tym, że wszystko jest publiczne. W jaki sposób mogę dodać nową metodę zmiennej o w zakresie MyExtendedClass , do której nie można uzyskać dostępu z zewnątrz, ale można uzyskać dostęp przez metody publiczne? 3 answers
Używam czegoś takiego jak poniżej.
var toolbarClass = Ext.extend( Ext.Container,
{
/**
* constructor (public)
*/
constructor: function( config )
{
config = config || {};
// PRIVATE MEMBER DATA ========================================
var accountId = Ext.id( null, 'ls-accountDiv-');
// PUBLIC METHODS ========================================
this.somePublicMethod = function(){
console.log( accountId );
};
...
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2010-04-28 19:15:39
Poniższy przykład pokazuje drogę Górnego etapu do zdefiniowania uprzywilejowanych członków prywatnych i publicznych . Ale pokazuje również, jak zdefiniować private static members (zwane również członkami klasy), oraz Członkowie niepubliczni. Używając tych ostatnich 2 zamiast uprzywilejowanych, skrócimy Czas inicjalizacji, ponieważ nie są one przetwarzane za każdym razem, gdy tworzysz nowy obiekt swojej klasy:
Ext.ux.MyExtendedClass = Ext.extend(Ext.util.Observable,
(function() {
// private static fields (can access only to scope: minimum privileges).
var privStaticVar = 0;
// private static functions (can access only to scope and arguments, but we can send them the scope by param)
var privateFunc1 = function(me) { return me.name + ' -> ClassVar:' + privStaticVar; };
var privateFunc2 = function(me) { return me.publicMethod1() + ' InstanceVar:' + me.getPrivateVar(); };
return {
constructor: function(config) {
// privileged private/public members (can access to anything private and public)
var privateVar = config.v || 0;
var privInstFunc = function() { privateVar += 1; };
this.name = config.name;
this.incVariables = function(){ privInstFunc(); privStaticVar += 1; };
this.getPrivateVar = function(){ return privateVar; };
},
// public members (can access to public and private static, but not to the members defined in the constructor)
publicMethod1: function() { this.incVariables(); return privateFunc1(this); },
publicMethod2: function() { return privateFunc2(this); }
};
}())
);
function test() {
var o1 = new Ext.ux.MyExtendedClass({name: 'o1', v: 0});
var o2 = new Ext.ux.MyExtendedClass({name: 'o2', v: 10});
var s = o1.publicMethod2() + '<br>' + o1.publicMethod2() + '<br><br>' + o2.publicMethod2() + '<br>' + o2.publicMethod2();
Ext.get("output").update(s);
}
<link href="//cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/resources/css/ext-all.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/adapter/ext/ext-base.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/ext-all.js"></script>
<p>Click the button to instantiate 2 objects and call each object 2 times:</p>
<button onclick="test();">Test</button>
<p>You can click the button again to repeat. You'll see that the static variable keep increasing its value.</p>
<p> </p>
<div id="output"></div>
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:10:35
@Protron: Twoja odpowiedź jest super! Dzięki! Poszedłem trochę dalej i stworzyłem własną metodę class extender.
/**
* Instead of call Ext.extend method to create your new class extensions, you can use
* My.extend. It is almost the same thing, but you pass a function as body for your new class, not
* an object. Ex.:
*
* MyNewExtCompoment = My.extend(Ext.Compoment, function() {
* var myPrivateVar = 0;
*
* //private
* function reset() {
* myPrivateVar = 0;
* }
*
* //public
* function add(value) {
* try{
* myPrivateVar = myPrivateVar + value;
* } catch(err){
* reset();
* }
* return myPrivateVar;
* }
*
* return {
* add: add
* }
* }, 'ux-my-new-component');
*
* @param extendedClass my extended class
* @param newClassBodyFunction my new class body
* @param newClassXtype (optional) the xtype of this new class
*/
My.extend = function(extendedClass, newClassBodyFunction, newClassXtype) {
var newClass = Ext.extend(extendedClass, newClassBodyFunction.call());
if(newClassXtype) {
Ext.reg(newClassXtype, newClass);
}
return newClass;
}
W ten sposób możemy zapisać dodatkowe "() " i mamy "Ext.reg " wezwany za darmo. [] s
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-02 14:15:02