13.1d MultiPickerItem broken?

[Blama]

Hi Isomorphic,

using this testcase here (SNAPSHOT_v13.1d_2024-03-22, Win11, 4K, system zoom, no browser zoom) it seems that the MultiPickerItem does nothing and I also get a JS exception

isc.ListGrid.create({
    ID: "supplyList",
    width:500, height:300, alternateRecordStyles:true,
    dataSource: supplyItem,
    fields:[
        {name:"SKU"},
        {name:"itemName"},
        {name:"description"},
        {name:"category", filterEditorType: "MultiPickerItem"}
    ],
    autoFetchData: true,
    showFilterEditor: true,
    filterOnKeypress: true,
    fetchDelay: 500
});

Exception:

*23:08:20.974:MUP4:WARN:Log:TypeError: _2 is null
Stack from error.stack:
    MultiPickerItem.getPickerDataSource()
    MultiPickerItem.showFilterList()
    MultiPickerItem.click()
    FormItem._fireStandardHandler()
    FormItem.handleClick()
    DynamicForm.bubbleItemHandler()
    DynamicForm.handleItemClick()
    DynamicForm.handleClick()
    [c]EventHandler.bubbleEvent()
    [c]EventHandler.handleClick()
    EventHandler._handleMouseUp()
    [c]EventHandler.handleMouseUp()
    [c]EventHandler.dispatch()
    anonymous()

Does it need more configuration or is this a bug?

Best regards
Blama

[Isomorphic]

This is a lack of configuration, specifically, no optionDataSource and no valueMap.

Generally, MultiPickerItem would be used for the edit use case, not the search use case. For the search use case, use SetFilterItem.

We'll be clarifying all this in docs and with samples soon.

[Blama]

Hi Isomorphic,

thanks. Yes, samples will help. Regarding the missing configuration, please see this modified sample (SNAPSHOT_v13.1d_2024-03-26).

• Category has a foreignKey – this is working for SetFilterItem, but not for MultiPickerItem. Shouldn't the latter also be able to pick up the optionDataSource from the FK like the former does?
• Units has a valueList (in the .ds.xml) – this is working for SetFilterItem, but not really for MultiPickerItem (entries displayed multiple times).

Best regards
Blama

isc.ListGrid.create({
    ID: "dsListGrid",
    width: "100%",
    height: "100%",
    autoFetchData: true,
    dataSource: "supplyItem",
    showFilterEditor: true,
    canEdit: true,
    fields: [{
            name: "itemID",
            width: 60
        },
        {
            name: "itemName"
        },
        {
            name: "SKU"
        },
        {
            name: "category",
            filterEditorType: "SetFilterItem",
            filterEditorProperties: {
                pickListHeight: 400
            },
            editorType: "MultiPickerItem",
            editorProperties: {
                pickListHeight: 400
            }
        },
        {
            name: "units",
            filterEditorType: "SetFilterItem",
            filterEditorProperties: {
                pickListHeight: 400
            },
            editorType: "MultiPickerItem",
            editorProperties: {
                pickListHeight: 400
            }
        }
    ]
});

[Isomorphic]

Docs have been amended somewhat already (more coming). In a nutshell, MultiPickerItem is intended as an editor (not a filter) for editing set membership (like a "shuttle" interface). So, all of the ways in which you've tried to use it in this thread are kind of nonsensical. It does, of course, need to do better defaulting and it needs to be "hardened" so that it reports bad usage rather than crashing.