extjs xtype

< html >

< head >

< link rel= "stylesheet" type= "text/css" href= "../resources/css/ext-all.css" / >

<script type= "text/javascript" src= "../bootstrap.js" > </script >

<script type= "text/javascript" src= "../locale/ext-lang-zh_CN.js" > </script >

</ head >

< body >

<script type= "text/javascript" >

Ext. define( 'Wallpaper',{

extend: 'Ext.Component',

alias: 'widget.wallpaper',

html: '<img src="desk.jpg">'

});

//来一个panel的例子

Ext. onReady( function(){

Ext. create( 'Ext.panel.Panel',{

title: 'component design',

height: 150,

width: 200,

frame: true,

renderTo: Ext. getBody(),

items:[

{ xtype: 'button', text: 'hello'},

{ xtype: 'wallpaper'}

]

});

});

</script >

</ body >

</ html >