DataList doesn't refresh after updateRow

[Wojak]

After usage updateRow it needs to use refreshRow.

Code:

$('#dl').datalist('updateRow', { index: idx, row: row}).datalist('refreshRow', idx);

[jarry]

These codes do the same behaviour.

Code:

$('#dl').datalist('getRows')[idx] = row; // update the row value
$('#dl').datalist('refreshRow', idx);    // and then refresh it

Code:

$('#dl').datalist('updateRow', { index: idx, row: row});  // update and refresh it at the same time

[Wojak]

Maybe there is a bug in my function?

Code:

function saveInfo() {
    if (!($('#form').form('validate'))) {
        return;
    }
    const formData = $('#form').serializeArray();
    if (fieldIdx >= 0) {
        const clickedField = $('#datalist').datalist('getRows')[fieldIdx];
        formData.forEach(e => {
            clickedField[e.name] = e.value;
        });
        $('#datalist').datalist('updateRow', { index: fieldIdx, row: clickedField }).datalist('refreshRow', fieldIdx);
    }
    $('#win').window('close');
}