製作標題可選

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(); 
    } 
}