Extend a own class, how to have own property?

[safewolf]

if i extend a own class like this

OwnClass = function(){
   .......
}

Ext.extend(OwnClass, Ext.someclass)

how to add my own property so that i can instant like this

new OwnClass({MyProperty1:property1,MyProperty2:property2})

[evant]

Foo = Ext.extend(Bar,
{
   prop1: 'foo',
   prop2: 'bar',

   //others
}
);

[safewolf]

i have tried this,but i can't set the value of the properties,
this is my code:

MyPanel = function(){
	 MyPanel.superclass.constructor.call(this, {
	 title: "ddd",
	 height: 400,
	 width:500
	 });
	 
	 }
	 
Ext.extend(MyPanel, Ext.Panel,
	{
		mystr : "string_1"
	}

);


Ext.onReady(function()
{
	panel = new MyPanel({mystr : "string_2"});
	alert(panel.mystr);
	panel.render("my-div");
}

);

when "panel.mystr" is alerted,it's still "string_1",haven't changed to the given "string_2"

[safewolf]

found the problem

the given properties should be applied before use

so the code should be:

MyPanel = function(config){
      Ext.apply(this, config);
	 MyPanel.superclass.constructor.call(this, {
	 title: "ddd",
	 height: 400,
	 width:500
	 });
	 
	 }
	 
Ext.extend(MyPanel, Ext.Panel,
	{
		mystr : "string_1"
	}

);


Ext.onReady(function()
{
	panel = new MyPanel({mystr : "string_2"});
	alert(panel.mystr);
	panel.render("my-div");
}

);

[mjlecomte]

Do not use alert for debugging.

http://extjs.com/learn/Ext_FAQ_Debug...efox.2FFirebug