Question

能否添加Ext JS GridPanel的标题点击事件？

RT

我想添加GridPanel标题的点击事件，点击标题后触发一个新的Action，跳转到另外一个页面。
如何实现？
另外，我想让标题有下划线。

Answer 1

一般我不会在标题那里做什么文章，因为不太好设置。一般我会在界面里加个按钮或者在标题栏加个按钮，点击了再操作，不会单单点击下标题栏就跳转

追问

标题栏 可以加按钮 ? 你说的不是bar里面加按钮吧

追答

你是不是想做成样式1这样？我一般是做成样式3

追问

恩恩，我是想着用1这样的形式。1是用实现的吧？

我现在在bbar中加了一个按钮，“更多...”，感觉这样更好一些。

追答

Ext.create('Ext.data.Store', {
storeId : 'simpsonsStore',
fields : ['name', 'email', 'phone'],
data : {
'items' : [{
'name' : 'Lisa',
"email" : "lisa@simpsons.com",
"phone" : "555-111-1224"
}, {
'name' : 'Bart',
"email" : "bart@simpsons.com",
"phone" : "555-222-1234"
}, {
'name' : 'Homer',
"email" : "home@simpsons.com",
"phone" : "555-222-1244"
}, {
'name' : 'Marge',
"email" : "marge@simpsons.com",
"phone" : "555-222-1254"
}]
},
proxy : {
type : 'memory',
reader : {
type : 'json',
root : 'items'
}
}
});

Ext.create('Ext.grid.Panel', {
title : '1跳转界面',
store : Ext.data.StoreManager.lookup('simpsonsStore'),
tools : [{
xtype : "button",
text : '2跳转界面'
}],
dockedItems : [{
xtype : 'toolbar',
dock : 'top',
items : [{
text : '3跳转界面'
}]
}],
columns : [{
text : 'Name',
dataIndex : 'name'
}, {
text : 'Email',
dataIndex : 'email',
flex : 1
}, {
text : 'Phone',
dataIndex : 'phone'
}],
height : 200,
width : 400,
renderTo : Ext.getBody()
});