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

时间:2015-02-26 09:54:12

标签: javascript jquery twitter-bootstrap jquery-datatables

我想实现在onChange事件之后将数据加载到datatable中的函数。因此,我正在尝试实现以下代码。

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没有被调用。

1 个答案:

答案 0 :(得分:0)

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

      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重绘它。 感谢