Angular Slickgrid - 基于网格数据加载单选编辑器集合

Question

我正在研究 angular-slickgrid(2.18.7)，其中网格具有内联单选下拉编辑器。我想根据每个行项目的 table 数据显示下拉值。

{
      id: 'status', name: 'Status', field: 'status',
      sortable: true,
      filterable: true,
      editor: {
        model: Editors.singleSelect,
        collection: // dynamic collection items,
      }
}

first 行的 status:'odd' 列 editor.collection 值是，

<select>
    <option value='1'>1</option>
    <option value='3'>3</option>
    <option value='5'>5</option>
</select>

second 行的 status:'even' 列 editor.collection 值是，

<select>
    <option value='2'>2</option>
    <option value='4'>4</option>
    <option value='6'>6</option>
</select>

我必须根据每个行项目的 status 列的值动态填充 editor.collection 值。

有没有办法创建回调函数来动态设置 editor.collection？

如果有人对此提供帮助，将不胜感激。

Answer 1

您可以像 Example - Client and see the code and the Wiki - Select Filter with CollectionAsync 中演示的那样使用 collectionAsync。 wiki里面有很多资料，建议你去看看。

要过滤 collection，您可以使用 Wiki - collection-filterby/sortby 中记录的 filterBy 但您不能动态（之后）过滤，因为它必须只设置一次，您可以使用 collectionAsync 推送一个新集合，但这并不理想，它不是为了那个目的。另一种可能是使用 Filters.autoComplete

Angular Slickgrid - 基于网格数据加载单选编辑器集合

Angular Slickgrid - Load singleselect editor collection based on grid data

angular

inline-editing

angular-slickgrid