Блог

У меня есть add-row кнопка. По его щелчку я добавляю строку в свой datatable .

 $('.add-row').on('click', function() {
            id = 0;
            name = $('#name').val();
            email = $('#email').val();
            cno = $('#cno').val();
            bdy = $('#bday').val();
            
            t.row.add([
                name,
                email,
                cno,
                bdy,
                '<button class ="btn btn-danger del">Delete</button>'   ''   '<button class="btn btn-warning upd" data-id="' $('#example').DataTable().rows().count() '">Edit</button>'





            ]).draw(false);
            $("#name").val('');
            $("#email").val('');
            $("#cno").val('');
            $("#bday").val('');

        });
 

В приведенном выше коде я использую data-id и добавляю row id к нему. При edit нажатии кнопки я получаю data-id значение.

 $("body").on("click", ".upd", function(e) {
            const id = $(this).attr("data-id");
            console.log(id);
            // Prevent event propagation
            e.stopPropagation();
            var $row = $(this).closest('tr');
            var data = t.row($row).data();

            //alert('Edit '   data[0]);
             name = data[0];
             email = data[1];
             cno = data[2];
             bdy = data[3];

            console.log(name);
            console.log(email);
            console.log(cno);
            console.log(bdy);

            $("#name1").val(name);
            $("#email1").val(email);
            $("#cno1").val(cno);
            $("#dob1").val(bdy);
            $("#myModal").modal('show');
            

        });
 

Приведенный выше код принимает входные данные из modal . У modal меня есть save кнопка с идентификатором btnsubmit . Теперь, нажав на эту кнопку, я хочу передать свой data-id .

 $("#btnsubmit").on('click',function () {//in this event i want to pass the `data-id`
             
            
            var new_name = $("#name1").val();
                var new_email = $("#email1").val();
                var new_cno = $("#cno1").val();
                var new_dob = $("#dob1").val();
              
            
           
       
                $("#myModal").modal("hide");
            });
 

Как я могу передать значение data-id в нем?
Любая помощь будет высоко оценена.

вы можете хранить свои данные в модальном формате html следующим образом:

 $("#myModal").data('id', id);
 

и использовать:

 var id = $("#myModal").data('id');