ajax within Detail Formatter function

Instead of loading all the data for each detail view I’d like to pull it using ajax only when the row is shown. However, the following function does not show the data

function detailFormatter(index, row) {
    $.get('/ajax/details.php', { id:row.parentID }, function(data) {
        return data;
    });
}

[wenzhixin]

You can look at our example: http://issues.wenzhixin.net.cn/bootstrap-table/

Source: https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html

For example:

$table.on('expand-row.bs.table', function (e, index, row, $detail) {
    $detail.html('Loading from ajax request...');
    $.get('LICENSE', function (res) {
        $detail.html(res.replace(/\n/g, '<br>'));
    });
});

[johnny2001]

ehm you mean this?

you need “$detail” after “row” in the dateilFormatter

function detailFormatter(index, row, $detail) { $.ajax({ url: "/planung/subdata.php", method: 'GET', dataType: 'html' }).done(function(data){ $detail.html(data) }) }