如何在ColdFusion 9EXTJS网格列上设置typeAhead=true？

Question

在CF9上，带有type="combobox“的CFGridcolumn将在底层javascript中将"typeAhead”设置为false。typeAhead是组合框的自动完成效果，您可以在此处的"Light“列中看到：http://www.extjs.com/deploy/dev/examples/grid/edit-grid.html

我想知道如何使用EXTJS9和CFGrid/CFGridColumn以及相关的Coldfusion.Grid函数将此typeAhead功能添加到基于ColdFusion的网格中。

感谢您的指导。

Answer 1

下面是操作步骤：

您可以创建一个js函数，如下所示：

    function formatGrid(){
    var grid = ColdFusion.Grid.getGridObject("configgrid");
    var colModel = grid.getColumnModel();

    colModel.setRenderer(1,function(value, p, record, rowIndex, colIndex){
        var val = "";
        var editor = colModel.getCellEditor(colIndex,rowIndex);
        Ext.apply(editor.field,{typeAhead:true,editable:true});
        return value;
    });     

}

在setRenderer调用中，"1“表示要修改的列的从零开始的索引。如果您有多个combobox列，则可以轻松地提取此函数以使其更通用，并接受列模型和列索引。

然后，要调用该函数，您可以在CF8上使用

<cfset ajaxOnLoad("formatGrid")>

在CF9上，您可以使用CFGrid标记的onload属性，并将其设置为"formatGrid“(或您希望调用函数的任何名称)

值得一提的是，在看了Cutter在CF9/Ajax上的演示后，我终于明白了：http://experts.na3.acrobat.com/p62805180/

这为我提供了将渲染器应用于柱模型所需的东西。然后，我在源代码中查找ColdFusion正在为列模型创建的内容，我看到下拉字段中有"editable:false“。打开可编辑:true是获取typeAhead的缺失部分:true to work。