Question

Extjs如何调用自定义的panel和代码调用

若以下回答无法解决问题，邀请你更新回答

Answer 1

首先你必然有一个html页面（当然或许是jsp），在这个页面上当然是导入一堆js css文件吧，于是你分离开的js文件也在这里导入。

先说一种比较直白
比如你的 A.js里是你的viewport，你想把内部某一个panel写到B.js里，那么你在B.js里第一行直接开始var
b_panel = new Ext.Panel({...})，创建出你的panel对象，然后在你的
A.js里，就直接可以用b_panel这个对象塞进viewport的items里。
注意：在html页面中导入js的顺序要正确，就是B.js要在 A.js前面加载。
原理就是：随着一排js的导入，每个js文件里new出的对象都会存放在内存中， 前面创建出的后面都可以用，所以B.js里创建的b_panel可以在 A.js里直接使用。
一个变种就是在B.js里的new代码外面包一层function，作为函数调用。然后你可以在任何需要的地方去调用这个function，这样你可以new出多个panel实例（当然，需要的话）。

当然更好的办法是将你要分离出去的panel，作为Ext.Panel的子类，用继承语法定义成一个类，这样你在需要使用的地方可以像new
Ext.YourPanel({...})这样Ext风格创建出，比较正规。项目中必然会遇到一些可以复用的组件，形式相似的组件，这时候定义类的优势不言而喻。当然用定义function传参的形式也可以做到。