Javascript 在ExtJS4中悬停时获取网格单元格值
我在网格中有以下代码:Javascript 在ExtJS4中悬停时获取网格单元格值,javascript,extjs,extjs4,javascript-framework,Javascript,Extjs,Extjs4,Javascript Framework,我在网格中有以下代码: var grid = Ext.create('Ext.grid.Panel', { store: store, stateful: true, stateId: 'stateGrid', columns: [ { text : 'Job ID', width : 75, so
var grid = Ext.create('Ext.grid.Panel', {
store: store,
stateful: true,
stateId: 'stateGrid',
columns: [
{
text : 'Job ID',
width : 75,
sortable : true,
dataIndex: 'id'
},
{
text : 'File Name',
width : 75,
sortable : true,
dataIndex: 'filename',
listeners : {
'mouseover' : function(iView, iCellEl,
iColIdx, iRecord, iRowEl, iRowIdx, iEvent) {
var zRec = iView.getRecord(iRowEl);
alert(zRec.data.id);
}
}
……等等
我不知道如何获取行中第一列的单元格值。我也试过:
var record = grid.getStore().getAt(iRowIdx); // Get the Record
alert(iView.getRecord().get('id'));
有什么想法吗
提前谢谢 这比你现在拥有的容易多了 查看此处的公司列配置以获取示例- 编辑: 网格定义代码的一部分:
....
columns: [
{
text : 'Company',
flex : 1,
sortable : false,
dataIndex: 'company',
renderer : function (value, metaData, record, row, col, store, gridView) {
metaData.tdAttr = 'data-qtip="' + record.get('price') + ' is the price of ' + value + '"';
return value;
}
},
....
您可以添加处理程序而不是侦听器
{
header: 'DETAILS',
xtype:'actioncolumn',
align:'center',
width: 70,
sortable: false,
items: [
{
icon: '/icons/details_icon.png', // Use a URL in the icon config
tooltip: 'Show Details',
handler: function(grid, rowIndex, colIndex) {
var record = grid.getStore().getAt(rowIndex);
}
我觉得你很接近。尝试
警报(record.get('id')代码>而不是iView.getRecord…