Extjs - 如何在网格列中显示组合框

我有一个网格面板，包括日期和组合列jsfiddle http://jsfiddle.net/YjYqX/

但我不想点击显示我的组合。我想在不点击的情况下显示我的组合，而不是像隐藏在单元格内一样

日期列也一样

我认为改变clicksToEdit: 0但失败了

plugins: [
    Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    })
]

怎么办呢，谢谢

仅当您单击单元格时才会注入组合框或日期选择器，在您单击之前它们根本不存在于网格中。更改单元格外观的方法是使用列上的渲染器。 这样你就可以添加一个假触发器框作为背景图像或类似的东西。

在回复您的评论时，您可以这样做：

{
    xtype: 'gridcolumn',
    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
        metaData.tdCls = 'fake-combo';

        return value;
    },
    text: 'MyColumn8',
    editor: {
        xtype: 'combobox',
        store: ...
    }
}

研究docs http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.column.Column-cfg-renderer对于所有渲染器选项。您可以指定 DomHelper 将使用的不同类和属性。 css 类可以有背景图像，但你必须在这里进行实验。获得与您想要执行的操作一致的布局并不容易，但您可以完全访问呈现到单元格中的 div。 请务必使用 Firebug 或 Chrome 开发工具检查结果，它会告诉您到底发生了什么。

尽管您可以对组合框进行屏幕截图并将其设置为背景图像。但最好不要尝试在渲染器中创建组合框，这不是它的工作原理。为每一行设置一个真正的组合框只是自定义的，如果您有很多行，可能会影响性能。