Javascript 使标题可选

我有下面的代码，我想让标题作为可选的。由于它是一个标题，.x-selective类正在被添加

代码如下所示

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'
        }
    ]
});

---

这个问题有解决办法吗？

您可以使用

selective（）

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

您需要获取网格标题标题元素&需要调用此函数

像这样：

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

对于EXTJS 3.3.1我们需要使用

removeAllListeners（）

删除默认情况下EXTJS应用的selectStart侦听器：

---

我将在哪里添加此代码？在css或我的视图页面中，需要将其添加到视图页面中网格的

afterrender

listener中。请参阅我的更新答案我正在尝试使用面板。当我这样做的时候，它说Panel.down不是一个函数，你可以用任何dom元素来实现。实际上，网格面板是从面板继承的。我修改了示例，所以有panel和down（'header'）是不好的做法，请改用getHeader（）：我使用的是extjs3.3.1。它给了我grid.getHeader（）不是一个函数。

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

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