ExtJS 7.X中ActionColumn的getTip()提示功能失效问题排查
问题原因及解决方案
你的问题出在**getTip的配置位置错误**:你把getTip配置在了ActionColumn的根配置里,但实际上,ActionColumn本身的getTip是用于设置整个单元格的提示,而你要给列内的操作按钮添加提示,需要将getTip(或tooltip)配置在items数组中的每个操作项对象里。
官方文档相关内容翻译(ExtJS 7.6.0)
getTip(ActionColumn配置项):
一个可选的函数,用于返回该列单元格的提示文本。函数的返回值会被用作单元格的data-qtip属性值。
注意:如果要给列内的操作按钮单独设置提示,需要在每个操作项(items元素)中配置getTip或tooltip属性。
修改后的代码示例
xtype: 'actioncolumn', flex: 0.75, style: 'text-align: left;', width: 25, align: 'center', menuDisabled: true, bind: { text: '{filename}' }, items: [ { handler: function(view, rowIndex, colIndex, item, e, record, row) { Application.fireEvent("filefunction", view, rowIndex, colIndex, item, e, record, row); }, getClass: function(v, metadata, r, rowIndex, colIndex, store) { return "x-far fa-file-alt"; }, iconCls: 'x-far fa-file-alt', // 将getTip移到操作项内 getTip: function(value, metadata, record, rowIndex, colIndex, store) { return "something"; } } ]
额外说明
Ext.tip.QuickTipManager.init();的初始化是正确的,这一步没问题。- 如果提示文本是固定值,也可以直接用
tooltip: "something"替代getTip函数,更简洁。
内容的提问来源于stack exchange,提问作者Tech-Maou
相关产品推荐
相关产品推荐

