Ext小白求助

以下一段ExtJS公用代码，有几个文件都要调用，怎么写在一个方法里？且在其他的JS里怎么调用呢？/*
 * =================================以下是点击快速查询弹出的窗体===========================================
 */// 只能选一行
var singleSelect1 = new Ext.grid.RowSelectionModel( {
singleSelect : true
});
// 自动编号
var rowNumberModel1 = new Ext.grid.RowNumberer();
// 创建列模型
var cm1 = new Ext.grid.ColumnModel( [ rowNumberModel1, {
header : '商品编号',
dataIndex : 'id',
sortable : true
}, {
header : '商品名称',
dataIndex : 'name',
sortable : true
}, {
header : '中断与否',
dataIndex : 'descn',
sortable : true
}, {
header : '商品分类',
dataIndex : 'type',
sortable : true
} ]);
// 创建数据
var data1 = [ [ '1001', 'name1', 'descn1', 'type1' ],
[ '1002', 'name2', 'descn2', 'type1' ],
[ '1003', 'name3', 'descn3', 'type1' ],
[ '1004', 'name4', 'descn4', 'type1' ],
[ '1005', 'name5', 'descn5', 'type1' ] ];
// 创建数据存储对象，负责把各式各样的数据转化为Grid可以使用的数据
var store1 = new Ext.data.Store( {
proxy : new Ext.data.MemoryProxy(data1),
reader : new Ext.data.ArrayReader( {}, [ {
name : 'id'
}, {
name : 'name'
}, {
name : 'descn'
}, {
name : 'type'
} ])
});
// 初始化数据
store1.load();
// 创建GridPanel,渲染到HTML的grid元素上
var grid1 = new Ext.grid.GridPanel( {
enableColumnMove : true, // 拖放
enableColumnResize : true, // 改变列高
stripeRows : true, // 斑马线
loadMask : true, // 加载数据时的提示信息
store : store1,
cm : cm1,
height : 380,
autoExpandColumn : 'name',
viewConfig : {
forceFit : true
},
tbar : [ '商品编号:', {
xtype : 'textfield'
}, '商品名称：', {
xtype : 'textfield'
}, '-', {
xtype : 'button',
iconCls : 'page_findIcon',
text : '查询'
} ]
})
// 点击快速查询弹出的窗口var queryWindow = new Ext.Window( {
title : "商品查询",
width : 700,
height : 450,
id : "queryWindow",
plain : true,
frame : true,
closeAction : "hide",
layout : 'fit',
items : [ grid1 ]
});Ext.getCmp('query').on('click', function(e) {
queryWindow.show();
});