Breaking News: Grepper is joining You.com. Read the official announcement!

inline edit datatable jquery without editor

Graceful Gecko answered on July 28, 2022 Popularity 6/10 Helpfulness 2/10

answer inline edit datatable jquery without editor

inline edit datatable jquery without editor

Comment

$("#dtexample tbody").on('click', 'tr td', function (e) {
                RoweditMode($(this).parent());
            });

        function RoweditMode(rowid) {
            var prevRow;
            var rowIndexVlaue = parseInt(rowid.attr("indexv"));
            if (editIndexTable == -1) {
                saveRowIntoArray(rowid);
                rowid.attr("editState", "editState");
                editIndexTable = rowid.rowIndex;
                setEditStateValue(rowid, rowIndexVlaue + 2);
            }
            else {
                prevRow = $("[editState=editState]");
                prevRow.attr("editState", "");
                rowid.attr("editState", "editState");
                editIndexTable = rowIndexVlaue;
                saveArrayIntoRow(prevRow);
                saveRowIntoArray(rowid);
                setEditStateValue(rowid, rowIndexVlaue + 2);
            }
        }
        function saveArrayIntoRow(cureentCells) {
            for (var k in EditRowData) {
                $($(cureentCells).children('.' + k)[0]).html(EditRowData[k]);
            }
        } 
        function saveRowIntoArray(cureentCells) {
            $.each(ColumnData, function (index, element) {
                if (element.Editable == true) {
                    var htmlVal = $($(cureentCells).children('.' + element.Name)[0]).html();
                    EditRowData[element.Name] = htmlVal;
                }
            });
        }
        function setEditStateValue(td1, indexRow) {
            for (var k in EditRowData) {
                $($(td1).children('.' + k)[0]).html('<input value="' + EditRowData[k] + '" class="userinput"  style="width: 99% " />');
            }
        }

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: datatable edit editor inline javascript jquery

Link to this answer
Share Copy Link

Contributed on Jul 28 2022

Graceful Gecko

0 Answers Avg Quality 2/10

inline edit datatable jquery without editor

Contents

More Related Answers

inline edit datatable jquery without editor

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.