Quantcast
Channel: DataTables 1.10 — DataTables forums
Viewing all articles
Browse latest Browse all 2364

Editor DIsable refresh after update

$
0
0

Hi, Im using edirot with Datables with server side data and processing and inline editing (submit full row). I note that on row update the whole table is refreshed - can this be stopped?

there is no point updating the one row and then getting 100's or rows worth of data again.

My code is as follows:

$('#pricingTable').on( 'click', 'tbody td.editable', function (e) {
        editor.inline( this, {
            onBlur: 'submit',
            submit: 'allIfChanged'
        });
    } );

    var pricingTable = $('#pricingTable').DataTable( {
        ajax: '/api/datatables/pricing',
        processing: true,
        serverSide: true,
        sServerMethod: 'POST',
        dom: 'Brtilp',
        fixedColumns: true,
        scrollX: true,
        scrollCollapse: true,
        fixedColumns:   {
            leftColumns: 17
        },
        lengthMenu: [[10, 25, 50, 100, 500, -1], [10, 25, 50, 100, 500, "All"]],
        columns: columns,
        columnDefs: [ {
            "targets": 5,
            "data": "displayName",
            "render": function ( data, type, row, meta ) {
                return '<a href="#" class="stockDetails" data-deviceid="'+row.deviceOptionsDeviceId+'" '+
                    'data-capacityid="' + row.deviceOptionsCapacityId + '" ' +
                    'data-colourid="' + row.deviceOptionsColourId + '" ' +
                    'data-gradeid="' + row.deviceOptionsGradeId + '" ' +
                    'data-network="' + row.networkName + '" ' +
                    'data-gradeName="' + row.gradeName + '" ' +
                    'data-colourName="' + row.colourName + '" ' +
                    'data-capacityName="' + row.capacityName + '" ' +
                    'data-deviceName="' + row.deviceName + '" ' +
                    '>'+data+'</a>';
            }
        } ],
        searchCols: [
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            { "search": 'unlocked' } 
        ],
        select: {
            style:    'os',
            selector: 'td:first-child'
        },
        buttons: buttons,
        "fnInitComplete": function(oSettings, json) {
            $( 'select.priceSearch' ).val('Unlocked').change();
        }
    } );

Viewing all articles
Browse latest Browse all 2364

Trending Articles