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

编程问答 2022-08-14

问题描述

我正在研究angular-slickgrid（2.18.7），其中网格具有内联singleselect下拉编辑器。我想基于每个行项目的表数据显示下拉值。

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

first列status:'odd'的{​​{1}}行是

editor.collection

<select> <option value='1'>1</option> <option value='3'>3</option> <option value='5'>5</option> </select> 列second的{​​{1}}行是

status:'even'

我必须根据每个行项目的editor.collection列的值动态填充<select> <option value='2'>2</option> <option value='4'>4</option> <option value='6'>6</option> </select> 值。

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

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

解决方法

您可以使用Example - Client中演示的collectionAsync并查看code和Wiki - Select Filter with CollectionAsync。 Wiki中有很多信息，我建议您仔细阅读。

要过滤collection，可以按照Wiki - collection-filterby/sortby中的说明使用filterBy，但是不能过滤（以后），因为它只能设置一次，您也许可以使用collectionAsync来推送新的收藏集，但这不是理想的选择，不是为了这个目的。另一种可能是使用Filters.autoComplete

angularangularangular-slickgridinline-editing