如何在此Javascript中添加jQuery數據表

是否可以添加以下jQuery DataTable？如何在此Javascript中添加jQuery數據表

$('#myDataTable').dataTable({ 

    });

此查詢？

$(document).on('click', '#PlayStatisticeight', function (e) { 

    $.ajax({ 
     url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")', 
     type: 'GET', 
     success: function (data) { 
      $("#PartialViewTopPlayedTracksList").empty(); 
      $("#PartialViewTopPlayedTracksList").append(data); 

      $('#myDataTable').dataTable({ 

      }); 


      $(function() { 
       $("#PartialViewTopPlayedTracksList").load('@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")'); 
      }); 

     }, 
     error: function (xhr, textStatus, exceptionThrown) { 

      var json = $.parseJSON(xhr.responseText); 

      if (json.Authenticated) { 
       window.location.href = '/UnAuthorizedUser/UnAuthorizedUser'; 
      } 
      else { 
       window.location.href = '/UnAuthenticatedUser/UnAuthenticatedUser'; 
      } 
     } 
    }); 

});

我不知道如何以及是否有可能這樣做？任何幫助，高度讚賞:)

來源

2014-03-27 pv619

是的，只要調用它，一旦新的部分已被添加到DOM，在成功回調函數。

 success: function (data) { 

      $.ajax({ 
       url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")', 
       type: 'GET', 
       success: function (data) { 
        $("#PartialViewTopPlayedTracksList").empty(); 
        $("#PartialViewTopPlayedTracksList").append(data); 
      }); 

    },

來源

2014-03-27 15:24:50

這可能不會工作，因爲不會有什麼應用dataTable直到加載_PartialViewTopPlayedTracksList Action。他需要爲_PartialViewTopPlayedTracksList執行$ .get（），然後將數據表應用於成功函數中。 – Dave

@Justin謝謝:)我試過了，但沒有顯示DataTable並停止了其他查詢。 – pv619

@Dave：謝謝:) - 我該怎麼做？對不起，我不熟悉jQuery。 – pv619

可以初始化數據表中，partialview是在這樣的Ajax調用功能齊全的觀點追加後：

success: function (data) { 

      $.ajax({ 
       url: '@Url.Action("_PartialViewTopPlayedTracksList", "ReportStatistic")', 
       type: 'GET', 
       success: function (data) { 
        $("#PartialViewTopPlayedTracksList").empty(); 
        $("#PartialViewTopPlayedTracksList").append(data); 

        $('#myDataTable').dataTable({ }); 
      }); 

    }

來源

2014-03-27 18:07:58

謝謝:)這使得它更清晰。 – pv619

歡迎您光臨。如果它幫助您 –

謝謝:)它工作非常多，但經過最終測試 - 查詢停止其他查詢工作。即我也在使用jTables。任何建議？ :) – pv619

如何在此Javascript中添加jQuery數據表

回答

相關問題