동일한 페이지의 여러 jQuery Datatables

동일한 ascx 페이지에 두 개의 jQuery 데이터 테이블이 있습니다. 테이블이 렌더링 된 후에 코드에서 링크를 호출하는 도구 모음 div에 하이퍼 링크를 삽입하려고합니다. 나는 각 테이블에 이러한 코드 블록이 하나 있고, 두 번째 $이 ("div.toolbar") 라인이 실행될 때, 그것은 모두에 링크를 추가하는동일한 페이지의 여러 jQuery Datatables

  var SDFtable = $('#tblSDF').dataTable(
      { 
       "scrollY": "300px", 
       "scrollX": true, 
       "scrollCollapse": true, 
       "paging": false, 
       "autowidth": true, 

       dom: '<"toolbar"><"filterPad"f>rti<"floatRight"B><"clear">', 

       //all available button options 
       //'copy', 'csv', 'excel', 'pdf', 'print' 

       buttons: { 
        buttons: [ 
         { extend: 'excel', text: 'Download this grid in Excel', exportOption: { page: 'current' }, footer: true } 
        ] 
       } 

      }); 

      $("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>');

문제는 다음과 같습니다 여기에 코드입니다 datatables. 그 테이블을 그려 보는 방법을 어떻게 구체적으로 나타낼 수 있습니까?

미리 감사드립니다.

$("#tblSDF_wrapper div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>');

출처

2016-08-11 TrevorGoodchild

것은 당신의 테이블 모두'#의 tblSDF'의 ID가 있습니까? –

아마도 도움이 될 수도 있습니다. http://stackoverflow.com/questions/7827986/multiple-datatables-on-the-same-page-with-different-ajax-sources – morne

이 시도

$('#tblSDF').find("div.toolbar").html('<h2><a id="aSDFExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel" runat="server">SDF Pool</a></h2>');

출처

2016-08-11 12:38:13

jQuery 요소 순회 중 여전히 픽업했습니다. 감사합니다. 도움! – TrevorGoodchild

이 시도 :

출처

2016-08-11 12:39:09

감사합니다. 올바른 방향으로 나를 잡았습니다. – TrevorGoodchild

동일한 페이지의 여러 jQuery Datatables

답변

관련 문제