在onchange事件上加载数据表中的数据

loading data in datatable on onchange event

本文关键字：数据数据表加载 onchange 事件更新时间：2024-05-22

我想实现一个函数，在该函数中，数据将在onChange事件后加载到数据表中。因此，我尝试实现如下代码。

var viewdatatab  =  $('#dataTablesFeedback').dataTable({                    
                "columns": [
                    { "data": "resourceId" },
                    { "data": "feedbackRecommendation" },
                    { "data": "technicalSkillGaps" },
                    { "data": "technicalAvgSkills" },
                    { "data": "feedbackType" },
                    { "data": "feedbackId" },
                    { "data": "isNew" },
                ]
        });

它正在创建我的数据表布局，我在下拉更改事件中调用以下函数：

function loadFeedback(){
viewdatatabJS  =    $('#dataTablesFeedback').dataTable({                    
     "processing" : true,
     "retrieve" : true,
    "ajax" : "/nhp/rest/feedback/viewFeedback",
    "fnServerParams": function ( aoData ) {
       aoData.push( { "name": "userName", "value":employeeId } ,
                    { "name": "resourceId", "value":mentorDataJson[$('#dropDownId').val()].resourceId });
     }, 
});
}

我在aoData.push中传递了一些参数，但我的URL没有被调用。

我通过简单地实现数据表属性解决了这个问题。我写了数据表的代码

      var viewdatatab  =  $('#dataTablesFeedback').dataTable({                    
            "columns": [
                { "data": "resourceId" },
                { "data": "feedbackRecommendation" },
                { "data": "technicalSkillGaps" },
                { "data": "technicalAvgSkills" },
                { "data": "feedbackType" },
                { "data": "feedbackId" },
                { "data": "isNew" },
            ]
    });

在jsp document.ready（function（））中，然后在我请求调用下拉更改事件时，我在javascript函数上写了以下代码。

      $.ajax({
      url : "",
      type: 'GET',
      contentType: "application/json",
      data:  {
            'userName': value,
            'resourceId' : value,
         },
           success: function(data) {
            var table = $('#dataTablesFeedback').DataTable();
            table.clear();
            table.rows.add(data.data);
            table.draw();     
         });

通过这种方式，我首先清除我的数据表，然后使用我从ajax调用中获得的json重新绘制它。感谢