EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Wojak on June 29, 2023, 03:12:09 PM

Title: DataList doesn't refresh after updateRow
Post by: Wojak on June 29, 2023, 03:12:09 PM

After usage updateRow it needs to use refreshRow.

Code:

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

Title: Re: DataList doesn't refresh after updateRow
Post by: jarry on June 30, 2023, 07:26:21 PM

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

Title: Re: DataList doesn't refresh after updateRow
Post by: Wojak on July 15, 2023, 11:52:47 AM

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');
}