동일한 페이지에 JQuery Datatable 다중 테이블 MVC

동일한 페이지에 여러 개의 격자를 표시하기 위해 JQuery 데이터 테이블을 작업하고 있습니다.동일한 페이지에 JQuery Datatable 다중 테이블 MVC

데이터가 컨트롤러에서 반환되었지만 데이터 테이블에 바인딩 된 데이터를 가져올 수 없습니다. 또한 나는 버튼 클릭 이벤트에서 datatable을 다시로드 할 수없고 데이터 테이블이 이미 초기화되었다는 오류가 표시됩니다.

어떻게 구현할 수 있는지 알려 주시기 바랍니다.

출처

2017-11-27 Deepak Duvvada

테이블 중 하나에 html 게시 –

테이블 중 하나에 HTML 추가 –

난 당신이 이런 식으로 JavaScript를 업데이트 할 필요가 있다고 생각 : 여기

$('#DetailReportGrid').DataTable({ 
    'ajax': { // THIS IS REPLACING "DATA" 
     "type" : "POST", 
     "url" : '/path/to/your/URL', 
     "data" : function(data) { 
      return data = JSON.stringify(data); 
    }, 
    columns: [ 
     { "data": "Date", "autoWidth": true }, 
     { "data": "Time", "autoWidth": true }, 
     { "data": "CallerId", "autoWidth": true }, 
     ] 
    });

의 핵심은 코드에서 '아약스'을 대체 '데이터'입니다. DataTable 'ajax'비트 안에 아약스 코드를 넣어야 할 수도 있습니다. 저는 Ajax 호출 안에 DataTable을 만들지 않았습니다. 항상 반대 방향입니다. 그래도 괜찮을거야.

출처

2017-11-27 13:14:09

감사합니다. 시도해 보겠습니다. 버튼 클릭을 기반으로 데이터 테이블을 다시로드하려면 어떻게해야합니까? 데이터 팝업이 이미 초기화 된 오류 팝업이 나타납니다. –

추가하려면이 컨텍스트에서 url에 매개 변수를 전달할 수 있습니다. –

다음과 같은 것을 확인하십시오 - table.ajax.reload(); 포장 js 메서드에 매개 변수를 전달하고 아약스 url에 추가하십시오 –

동일한 페이지에 JQuery Datatable 다중 테이블 MVC

답변

관련 문제