你好，我想请问下，如何用ExtJs Grid做一个双击事件。就好比QQ邮箱，双击邮件名称，在那个frame显示内容

Posted 2023-04-26

单击是选定，可以有删除，转发等功能。我想问的是：如何能实现双击一条记录，在那个frame页面显示邮件内容。。和邮箱一模一样的功能。。谢谢
我想知道。如何把那些记录变成类似超连接的那种，有什么插件么？

ExtGridPanel 有个事件
rowdblclick : ( Grid this, Number rowIndex, Ext.EventObject e )
做个小demo吧，没有测试过哦。。。。。。。。。。。。

var gridPanel = new Ext.grid.GridPanel(
region:'north',
height:200,
store:new Ext.data.SimpleStore(data:[['1','Title1','Content1']],fields:['id','title','content']),
columns:[header:'Title',dataIndex:'title',header:'Content',dataIndex:'content'
);

var panel = new Ext.Panel(region:'center');

var container = new Ext.Panel(
layout:'border',
renderTo:'test-div',
items:[grid,panel],
height:500,width:400
);

gridPanel.on('rowdblclick',function(grid,index,e)
var record = gridPanel.store.getAt(index);//取出点击的那条记录
var content = record.get('mailContent');//假设邮件内容在record的mailContent属性中
panel.getEl.update(content);
);来自：求助得到的回答 参考技术A 没怎么接触ext，不过想法都是差不多。
就是你计算一下击键的次数，一次为单击，2次即为双击。
有问题发问就好了。

在Extjs中，我想通过点击一个按钮，然后在一个TabPanel中加入一个Panel组件，请问怎么做？

补充一下问题，我首先有一个主页，里面有个TabPanel和一个按钮，我希望点击这个按钮来载入另外一个页面，而这个页面里面有个Panel，我现在需要的是的把另外一个页面载入到这个TabPanel页面里面，希望大神帮忙解答一下，谢谢

参考技术A var centerPanel = Ext.create('Ext.TabPanel',
region: 'center',
deferredRender: false,
activeTab: 0,
items: []
)
var ftab = Ext.create('Ext.Panel',
tpl: new Ext.XTemplate('<iframe style="width: 100%; height: 100%; border: 0;padding:4px 4px 4px 4px;" src="url"></iframe>'),
load: function (b) this.update(this.tpl.apply(b)) , clear: function () this.update("") ,
title: '首页',
autoScroll: true
);
ftab.load( url: '<%=Url.Action("Welcome",new controller="Home") %>' );
centerPanel.add(ftab);
function trsel(view, record, item, index, e)
if (record.raw.leaf)
var tab = centerPanel.getComponent("tab" + record.raw.id); //获取tab对象
if (!tab) //如果tab不存在，就创建并添加到centerPanel中
tab = Ext.create('Ext.Panel',
tpl: new Ext.XTemplate('<iframe style="width: 100%; height: 100%; border: 0;padding:4px 4px 4px 4px;" src="url"></iframe>'),
load: function (b) this.update(this.tpl.apply(b)) , clear: function () this.update("") ,
id: "tab" + record.raw.id,
title: record.raw.text,
closable: true,
autoScroll: true
);
tab.load( url: '/' + record.raw.menu_area + '/' + record.raw.menu_controller + '/' + record.raw.menu_action );
centerPanel.add(tab);

centerPanel.setActiveTab(tab); //设置显示当前面板

;
函数是点击菜单树时调用的。你自己调整一下，点按钮时调这个函数就可以。不过网上说用iframe不好，我也想看看有没有其他的方法