Question

extjs自定义组件调用不到的问题

我就照着网上先写了一个最简单的自定义组件
Ext.namespace("ExtUD.Ext");
ExtUD.Ext.UDPanel = Ext.extend(Ext.Panel, {
title : '自定义控件',
html:'自定义控件面板',
layout:'fit',
getAlert:function(){alert('自定义控件函数！');}
});
Ext.reg('udpanel', ExtUD.Ext.UDPanel);
也命名空间了，也写内容了，最好也注册了xtype
然后我调用的时候用xtype:'udpanel'就提示unfind
是不是这个字定义组件要放什么特定的文件夹，还是要怎么引入？

Answer 1

Ext .define('ExtUD.Ext',{
extends:.....,//选择从哪里继承
alias :....., //引入自定义的组件
title:.......//标题之后配置一样
});

还有问题请继续追问。。。

追问

1 Ext.reg('udpanel', ExtUD.Ext.UDPanel);

前面这个“”里不就是定义的xtype吗
那别的文件xtype:'udpanel'为什么不能用？
2 还有这个js文件要放在什么特定的文件夹里吗，还是随便放，只要是项目能读到的文件夹就行？

追答

首先。你ext.reg这个是什么意思？
你xtype:自定义的组件的时候，需要添加alias配置项 ,引入你自定义的名字，同时如果是你自定义的组件，比如 我自定义了一个searchFrom 的组件
那么我就在这个组件定义的时候写上 alias : 'widget.searchForm',
这样就是给这个组件启了一个别名，
如果我在另外一个js里需要使用的时候

this.items=[{
xtype : 'searchForm',
region : 'north',
frame : true,
bodyPadding : 5,
fieldDefaults : {
labelAlign : 'right',
labelWidth : 80
},
这样 我就使用了自己自定义的组件了。
这么说你明白了吗？

Answer 2

最好上官方api看下，里面的自定义组建用法。