在ExtJS4中悬停时获取网格单元值
Get Grid Cell Value on Hover in ExtJS4
我在网格中有以下代码:
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'));
任何想法?
提前感谢!
这比你拥有的更容易。
查看这里的Company列配置作为示例http://jsfiddle.net/qr2BJ/4580/
编辑:部分网格定义代码:
....
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);
}
相关文章:
- ExtJS网格单元格编辑器,防止焦点松动问题
- ExtJ将工具提示添加到网格单元格文本中
- 编辑后更改切片网格单元格数据
- 剑道网格单元格 :如何自动修剪文本以避免换行
- jQuery 单击事件在包含在光滑网格单元格中时不会为锚点触发
- 咏叹调网格单元格标签在 SVG 矩形内始终为空白
- 在网格单元中绘制组件-extjs 4
- Kendo UI网格单元格中的工具栏菜单,菜单是从哪个行单击的
- 使用HTML按钮更改ng网格单元格值
- Kendo UI网格-单元格上的标题属性
- 显示网格单元格中的窗口?EXTjs
- 如何使用javascript绑定剑道网格单元
- 清除activateextjs4上的可编辑网格单元格
- kendou网格单元格修剪数据值
- 剑道-在选择网格单元格时更新另一个网格(mvvm)
- 剑道网格如何以编程方式聚焦网格单元格和块选择文本
- 移除网格单元格之间的空间
- 在js/html/css中创建一个可点击的网格单元格
- 在ExtJS4中悬停时获取网格单元值
- ExtJs 6.0:使用组合框编辑网格单元格-不同步id值