更新 slickgrid 中列标题的内容

【问题标题】：Update contents of column header in slickgrid更新 slickgrid 中列标题的内容
【发布时间】：2015-07-03 22:40:14
【问题描述】：

我在支持多种语言的 Angular 应用程序中使用 slickgrid。更改所选语言时如何更新列标题。我的列定义看起来像这样，我基本上想要的是网格再次调用 myI18N 以更新列标题。

{ id: "myid", name: myI18nFn('idKey'), field: "myid", width: 100}

我有一个检测变化的角度事件，我可以访问那里的网格对象，我只是不确定我需要做什么来更新列标题

【问题讨论】：

标签： angularjs slickgrid

【解决方案1】：

您需要在语言更改时更新colDef.name 属性，然后触发网格重建标题行（这发生在SlickGrid 源代码中的createColumnHeaders 方法中）。最简单的方法是使用setColumns 调用更新列列表，这会触发整个网格的重新渲染：

function updateColumnHeaders()
{
    var cols = grid.getColumns();
    for(var i = 0, il = cols.length; i < il; i++)
    {
        cols[i].name = myI18nFn(cols[i].id);
    }
    grid.setColumns(cols);
}

【讨论】：