Ext小白求助

minsheng0825 2011-05-25 04:01:33
以下一段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();
});

...全文
119 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
goldzql 2011-05-30
  • 打赏
  • 举报
回复
注意window的id : "queryWindow",通用的话不要使用相同ID
minsheng0825 2011-05-27
  • 打赏
  • 举报
回复
高手来帮个忙啊
丶蒙圈丶 2011-05-27
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 fkueyygyispw 的回复:]

把这个写到JS文件当中 在不同的页面引用 就可以直接调用
[/Quote]

+1
fkueyygyispw 2011-05-27
  • 打赏
  • 举报
回复
把这个写到JS文件当中 在不同的页面引用 就可以直接调用
汉尼拔 2011-05-25
  • 打赏
  • 举报
回复
很好的代码 啊

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧