Inline Editor Styling (can you point me in right direction) (pics included)

pingcrosby

Hi

Can you point me in the right direction with inline editing

Currently using the inline example as a base I have a drop down, and button inline.. I make the changes the data gets submitted. Currently I have the editor like this; functionally it all works ok.. it just does not look how i want it to.

I want to be able to just select the data have the table update, but not yet submit the data to the server. All the inline examples submit immediately.

Table is using serverside:true

1.How can i update the table without a postback currently the table updates in the ajax success callback and thats the only way i can update the table. I want to allow the user to press the save button when they have finsihed all edits.

2.Is there a post edit event that i can use to mark the table as dirty and show a button to allow a user to manually update the table via ajax submit

See this link..for the ugly table Imgur

See this link..for what i am trying to achieve Imgur

editor = new $.fn.dataTable.Editor({
        ajax: function (method, url, data, success, error) {
            UpdateRecord(data, success, error);
        },
        table: "#example",
        idSrc: "id",
        fields: [{
            //label: "Choose the new status:",
            name: "fort_auditstatus",

            type: "select",
            options: [
                // hard coded values until i work out how to dynamically gen
                { label: "Awaiting review", value: "453670005" },
                { label: "Accept", value: "453670004" },
                { label: "Further Information", value: "453670002" },
                { label: "Refer", value: "453670003" },
                { label: "Reject", value: "453670001" },
            ]
        }]
    });


    $('#example').on('click', 'td.editor-control', function (e) {
        editor.inline(this, {
            buttons: {
                label: '>',
                fn: function () {
                    this.submit();
                }
            }
        });

allan

I want to be able to just select the data have the table update, but not yet submit the data to the server

At this time, that is not possible in Editor. It doesn't have a queuing mechanism - it always immediately submits the data on "save". A queuing mechanism is something I would like to add in a future version.

Allan