ExtJs。如何在网格列标题中添加项目？(以现代为主题)

在ExtJs中，可以通过使用列的header属性来添加项目到网格列标题中。具体步骤如下：

首先，创建一个网格组件（Grid）并定义列模型（Column Model）。
在列模型中，为每个列定义一个配置对象，其中包括header属性。
在header属性中，可以添加任何HTML内容，包括项目。
通过使用HTML标签和CSS样式，可以自定义项目的外观和样式。

以下是一个示例代码，展示如何在网格列标题中添加项目：

Ext.create('Ext.grid.Panel', {
    title: '示例网格',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'email', 'phone'],
        data: [
            { name: 'John', email: 'john@example.com', phone: '555-111-1111' },
            { name: 'Jane', email: 'jane@example.com', phone: '555-222-2222' },
            { name: 'Bob', email: 'bob@example.com', phone: '555-333-3333' }
        ]
    }),
    columns: [
        { header: '<div class="project">项目1</div>', dataIndex: 'name' },
        { header: '<div class="project">项目2</div>', dataIndex: 'email' },
        { header: '<div class="project">项目3</div>', dataIndex: 'phone' }
    ],
    renderTo: Ext.getBody()
});

在上述示例中，我们在每个列的header属性中添加了一个项目。项目使用<div>标签包裹，并添加了一个名为"project"的CSS类，以便自定义样式。你可以根据需要自定义项目的样式。

请注意，这只是一个示例，你可以根据自己的需求进行修改和扩展。关于ExtJs的更多信息和详细介绍，你可以参考腾讯云的ExtJs产品介绍页面。