制作标题可选

Question

我有以下代码，我想让标题可选。由于它是一个头文件，所以.x可选类正在被添加。

的代码如下

Ext.create('Ext.grid.Panel', { 
    renderTo: document.body, 
    store: userStore, 
    width: 400, 
    height: 200, 
    title: 'Application Users', 
    columns: [ 
     { 
      text: 'Name', 
      width: 100, 
      sortable: false, 
      hideable: false, 
      dataIndex: 'name' 
     }, 
     { 
      text: 'Email Address', 
      width: 150, 
      dataIndex: 'email', 
      hidden: true 
     }, 
     { 
      text: 'Phone Number', 
      flex: 1, 
      dataIndex: 'phone' 
     } 
    ] 
}); 

有没有解决有关此问题？

Answer 1

您可以使用selectable()

选择（）：Ext.Element的
启用文本选择此元素 （跨浏览器标准化）

你必须需要得到您的网格标题标题元素&需要调用此函数。

像这样：

<yourGrid>.getHeader().el.selectable(); 

能在afterrender听众网格来完成：

listeners: { 
    afterrender: function(grid){ 
     grid.down('header').getHeader().selectable(); 
    }, 
}, 

对于EXTJS 3.3.1我们需要删除默认应用的选择开始监听器ExtJS的使用removeAllListeners()：

listeners: { 
    afterrender: function(panel){ 
     panel.header.removeAllListeners(); 
    } 
}