Ext 点击列表动态加载Grid

六月暴雪飞梨花
后端领域新星创作者
2011-05-20 11:04:56

// 查看今天考试信息
function searchInfo(){
Ext.QuickTips.init();
// 设定内部数据类型对象
// lsh zkzmbh xm xb yyrq ykrq kscs kscx ykbz ksdd ksrq ksxm
var si = Ext.data.Record.create([
{ name :'lsh', mapping :'lsh', type :'string' },
{ name :'zkzmbh', mapping : 'zkzmbh', type :'string'},
{ name :'xm', mapping :'xm', type :'string' },
{ name :'xb', mapping :'xb', type :'string' },
{ name :'yyrq', mapping :'yyrq', type :'String' },
{ name :'ykrq', mapping :'ykrq', type :'string' },
{ name :'kscs', mapping :'kscs', type :'string' },
{ name :'kscx', mapping :'kscx', type :'string' },
{ name :'ykbz', mapping :'ykbz', type :'string' },
{ name :'ksdd', mapping :'ksdd', type :'string' },
{ name :'ksrq', mapping :'ksrq', type :'string' },
{ name :'ksxm', mapping :'ksxm', type :'string' }
]);
var siProxy = new Ext.data.HttpProxy(
{ url :"/KM3/gtgh/searchRecordInfo.action" }
);
var jReader = new Ext.data.JsonReader(
{ root :'searchInfoList' }, si
);
var searchStore = new Ext.data.Store(
{ proxy :siProxy, reader :jReader, baseParams: {name:''} }
);
var grid = new Ext.grid.GridPanel( {
loadMask :true,
id : 'rsGrid',
viewConfig: {forceFit: true},// 设置每一列的宽度
columns : [
{ header :"流水号", dataIndex :"lsh", width :100 },
{ header :"桩考证明编号", dataIndex :"zkzmbh", width :150 },
{ header :"姓名", dataIndex :"xm", width :100 },
{ header :"性别", dataIndex :"xb", width :100 },
{ header :"预约日期", dataIndex :"yyrq", width :150 },
{ header :"约考日期", dataIndex :"ykrq", width :100 },
{ header :"考试次数",dataIndex :"kscs", width :100 },
{ header :"考试车型",dataIndex :"kscx", width :100 },
{ header :"考试地点", dataIndex :"ksdd", width :150 },
{ header :"是否夜考",dataIndex :"ykbz", width :100 },
{ header :"考试日期",dataIndex :"ksrq", width :100 },
{ header :"考生姓名",dataIndex :"ksxm", width :100 }
],
store :searchStore,
bbar:new Ext.PagingToolbar({
pageSize :15,
store :searchStore,
displayInfo :true,
beforePageText : "第",
afterPageText : "页,共{0}页",
firstText : "第一页",
prevText : "前一页",
nextText : "下一页",
lastText : "最后页",
displayMsg :'显示第{0}条到{1}条记录,一共{2}条',
emptyMsg :"没有记录"
})
});
searchStore.load({ params:{ start:0, limit:15 }
});
var myform=new Ext.FormPanel({
frame :true,
title :"查看当天考试信息",
collapsible :false,
defaults : {width: 180},
width :1059,
minButtonWidth:60,
labelAlign :"left",
defaultType :"textfield",
buttonAlign :'left',
layout :'column'
});
if (tab.getComponent('selInfo')){
tab.remove('selInfo',true);
}
tab.add( {
id :'selInfo',
title :"查看当天考试信息",
bodyStyle :'overflow-x:visible;overflow-y:scroll;width:100%', //隐藏水平滚动条
items : [myform,grid],
closable :true
}).show();
grid.on("rowdblclick", function(grid) {
showWin(grid);
});

// 弹出查看窗口
function showWin(grid) {
var _record = grid.getSelectionModel().getSelected();
var win = new Ext.Window({
width : 400,
height : 300,
closeAction : 'hide',
plain : true,
title : '当天考试信息',
animateTarget :'rsGrid',
items : new Ext.FormPanel(
{
title : '查看当天考试信息',
id : 'selNowInfo',
defaultType : 'textfield',
frame : true,
items : [
{ fieldLabel : '流水号', name : 'id', width : 150, value : _record.data.id, readOnly : true },

{ fieldLabel : '姓名', name : 'xm', width : 150, value : _record.data.creatTime, readOnly : true },
{ fieldLabel : '考试科目', name : 'kskm', width : 150, value : _record.data.roleName, readOnly : true },
{ fieldLabel : '预约日期', name : 'yyrq', width : 150, value : _record.data.creatTime, readOnly : true },
{ fieldLabel : '约考日期', name : 'ykrq', width : 150, value : _record.data.id, readOnly : true },
{ fieldLabel : '考试车型', name : 'kscx', width : 150, value : _record.data.roleName, readOnly : true },
{ fieldLabel : '考试地点', name : 'ksdd', width : 150, value : _record.data.roleName, readOnly : true },
{ fieldLabel : '考试日期', name : 'ksrq', width : 150, value : _record.data.id, readOnly : true },
{ fieldLabel : '考试日期', name : 'ksrq', width : 150, value : _record.data.id, readOnly : true }

],
buttons : [ { text : '关闭', handler : function() { win.hide(); } } ]
})
});
win.show();
}



这个是我写的那个js脚本,但是在页面点击的时候没有反应,哪位大虾给知道一下、
...全文
199 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
勇敢的心515 2011-05-23
  • 打赏
  • 举报
回复
建议你还是到js板块去问。。
Re: 《 Linux磁盘与文件系统管理命令 》   ---------------------------------------内容提要: 01/16)命令fdisk           :磁盘分区工具02/16)命令partprobe  :更新内核的硬盘分区表信息(即分区即刻生效)03/16)命令 tune2fs     :调整 ext2/ext3/ext4 文件系统参数04/16)命令 parted       :磁盘分区工具(大小通吃)05/16)命令 mkfs          :创建Linux文件系统06/16)命令 dumpe2fs :导出ext2/ext3/ext4文件系统信息07/16)命令 resize2fs   :调整ext2/ext3/ext4文件系统大小08/16)命令 fsck           :检查并修复Linux文件系统09/16)命令 dd             :转换或复制文件10/16)命令 mount       :挂载文件系统11/16)命令 umount     :卸载文件系统12/16)命令 df              :报告文件系统磁盘空间的使用情况13/16)命令 mkswap    :创建交换分区14/16)命令 swapon     :激活交换分区15/16)命令 swapoff     :关闭交换分区16/16)命令 sync           :刷新文件系统缓冲区17/17)附录                   :NFS 网络文件服务器到安装;客户端的挂载 -t nfs;及新分区的权限测试  本人在教学和实战过程中发现,即便是有一定运维经验的人,可能已经能够搭建一定复杂度的Linux架构,但是在来来回回的具体操作中,还是体现出CLI(命令界面)功底不够扎实,甚至操作的非常‘拙’、处处露‘怯’。 对一个士兵来说,枪就是他的武器,对于一个程序员来说,各种library(工具库)就是他的武器;而对于Linux运维人员来说,无疑命令行工具CLI(命令界面)就是他们的武器;高手和小白之间的差距往往就体现在对于这些“武器”的掌握和熟练程度上。有时候一个参数就能够解决的事情,小白们可能要写一个复杂的Shell脚本才能搞定,这就是对CLI(命令界面)没有理解参悟透彻导致。 研磨每一个命令就是擦拭手中的作战武器,平时不保养不理解,等到作战的时候,一定不能够将手中的武器发挥到最好,所以我们要平心、静气和专注,甘坐冷板凳一段时间,才能练就一身非凡的内功! 本教程从实战出发,结合当下流行或最新的Linux(v6/7/8 版本)同时演示,将命令行结合到解决企业实战问题中来,体现出教学注重实战的务实精神,希望从事或未来从事运维的同学,能够认真仔细的学完Linux核心命令的整套课程。 本课程系列将逐步推出,看看我教学的进度和您学习的步伐,孰占鳌头! 注:关于教学环境搭建,可以参考本人其它课程系列,本教学中就不再赘述! 《参透 VMware 桌面级虚拟化》 《在虚拟机中安装模版机(包括应用软件等)》 《SecureCRT 连接 GNS3/Linux 的安全精密工具》 

25,984

社区成员

发帖
与我相关
我的任务
社区描述
高性能WEB开发
社区管理员
  • 高性能WEB开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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