Extjs的Ext.grid.Panel组件当中的操作列当中actioncolumn只能显示图标,不能显示文字

我期望在操作列上鼠标移动到操作按钮上方的时候图标上能够自动出现相关的文字的提示,或者是否能够通过另外一种解决方法,]将图标类型的操作按钮直接替换为文字的操作按钮,但是不知道如何实现

 你应该知道action列可以指定图标的吧?也知道列的renderer函数是做什么用的吧?结合这两个就可以达到你的要求


  关键代码

  Ext.tip.QuickTipManager.init(); //框架里添加一次就行

  { xtype:'actioncolumn',text: 'Email', dataIndex: 'email', icon: '39.ico',

  renderer: function (value, meta, record) {

          / /提示的文字信息,可以使用Ext.getCmp()等来获取值或者执行函数返回文字信息

  meta.tdAttr = 'data-qtip="' + value+ '"';

  return "";//值就不用显示出来了,当然你要显示也行

  } }

来自:求助得到的回答
温馨提示:内容为网友见解,仅供参考
无其他回答

...GridPanel如何能够通过增加xtype:'actioncolumn',操作列来实现这样的...
在做的demo里加了一个字段 is_master,和你的问题有类似的处理,我默认的只能有一个用户为master,点击设为master后,重新加载数据,实现切换 图标样式 .master {background: url(..\/images\/status_online.gif) no-repeat !important;}.notmaster {background: url(..\/images\/status_offline.gif) no...

ExtJS 4.1 gridpanel如何在每列最后添加带文字的操作按钮
Ext.create('Ext.grid.Panel', { title: 'Action Column Demo',store: Ext.data.StoreManager.lookup('employeeStore'),columns: [{text: 'First Name', dataIndex:'firstname'},{text: 'Last Name', dataIndex:'lastname'},{ xtype:'actioncolumn',\/\/这里就是放置按钮的地方 width:50,it...

extjs,如何将前面的操作放到grid后面,详情如图所示
var grid = Ext.create('Ext.grid.Panel', { store: store, stateful: true, collapsible: true, multiSelect: true, stateId: 'stateGrid', columns: [ { text : 'Company', flex : 1, sortable : false, dataIndex: 'company' }, { te...

ExtJS 4.1 gridpanel如何在每列最后添加带文字的操作按钮
Ext.create('Ext.grid.Panel', { title: 'Action Column Demo',store: Ext.data.StoreManager.lookup('employeeStore'),columns: [{text: 'First Name', dataIndex:'firstname'},{text: 'Last Name', dataIndex:'lastname'},{ xtype:'actioncolumn',\/\/这里就是放置按钮的地方 width:50,it...

ExtJS 4.1 gridpanel如何在每列最后添加带文字的操作按钮
Ext.create('Ext.grid.Panel', { title: 'Action Column Demo',store: Ext.data.StoreManager.lookup('employeeStore'),columns: [{text: 'First Name', dataIndex:'firstname'},{text: 'Last Name', dataIndex:'lastname'},{ xtype:'actioncolumn',\/\/这里就是放置按钮的地方 width:50,it...

相似回答