XPage에서 jquery DataTable 구현

Question

XPages에서 첫 번째 jquery DataTable을 구현하려고하는데 기본 HTML 버전을 초기화 할 수 없습니다.

패키지 탐색기의 WebContent 폴더에 다운로드 한 파일을 추가했습니다. 그래서 나는 ....

폴더에 WebContent - DataTables- 예제/확장자/미디어 등이있다.

내 페이지

`<xp:scriptBlock> 
<xp:this.value><![CDATA[ 
$(document).ready(function() 
{ 
$("#tableSimple").DataTable(); 
} 
); 
]]></xp:this.value> 
</xp:scriptBlock> 

그리고 내가 가진에 스크립트 블록을 추가 한

<resource> 
<content-type>application/x-javascript</content-type> 
<href>DataTables/media/js/jquery.dataTables.min.js</href> 
</resource> 
<resource> 
<content-type>text/css</content-type> 
<href>DataTables/extensions/FixedColumns/css/dataTables.fixedColumns.min.css</href> 
</resource> 
<resource> 
<content-type>text/css</content-type> 
<href>DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js</href> 
</resource> 
<resource> <content-type>text/css</content-type> 
<href>DataTables/media/css/jquery.dataTables.min.css</href> 
</resource> 

내가 포함하는 다른 모든 것들과 잘 작동 내 응용 프로그램 테마를 수정 한 ...... DataTable 웹 사이트의 샘플 데이터를 사용했습니다.

<table id="tableSimple" class="display" width="100%" cellspacing="0"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 
    <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 
     <tr> 
      <td>Garrett Winters</td> 
      <td>Accountant</td> 
      <td>Tokyo</td> 
      <td>63</td> 
      <td>2011/07/25</td> 
      <td>$170,750</td> 
     </tr>.....etc 

DataTable을로드 할 수 없어도 상관 없습니다. 나는 같은 주제에 대한 그의 블로그에서 Oliver Busse의 nsf를 시험해 보았고 그 중 하나를 작동 시키지도 못했다.

나는 뭔가를 분명히 놓치고 있으며, 초보자이기 때문에 미안하다. 기본 질문이라면 미안하지만, 나는 이것에 따라 살 수있는 의지를 잃어 가고있다! 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이제이 기능을 사용할 수 있습니다.좌절스럽게 나는 그 잘못이 어디인지를 판단 할 수 없다. 이전에 복사 한 모든 요소를 ​​삭제하고 Michael Smith 예제의 모든 관련 요소를 응용 프로그램에 복사하여 해결할 수있었습니다.

내가 잠시 동안 깨닫지 못했던 <xp:table> 테이블을 사용할 수 없다는 점에 유의했습니다.

모든 제안에 대해 감사드립니다.

Answer 2

나는 AMD 문제를보고 있다고 생각합니다. 당신이 "webstandard"또는 부트 스트랩 버전을 확장하고, 테마에 https://xomino.com/2015/06/08/fixing-the-xpages-r9-dojo-define-amd-problem-once-and-for-all/

하워드

Answer 3

같은 - 구글 AMD와 XPages 당신은 가능한 솔루션을 볼 수? dataTables.js 앞에 html 헤드에 jQuery가 있어야한다. 귀하의 페이지에 무엇을 기록 했습니까? , 주제에

<script type="text/javascript" src="jquery-2.1.3.min.js"></script> 
<script type="text/javascript" src="dataTables/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script> 

:

나는 많은 응용 프로그램이 작업을했고, 여기에 내가 (내가 관련이없는 라인을 생략 한) 그는 jQuery를 데이터 테이블을 포함하고있는 하나의 XPage에 대한 HTML 머리했습니다 나는 "webstandard"로 설정하여 jQuery가 처음이고 모든 CSS가 있는지 확인합니다.

Answer 4

내가 잘못하지 않았다면 AMD 문제가 이미 Oliver의 DB에서 수정 된 것 같아요? (내가 틀렸을 수도 있습니다.)

firebug/developer 툴을 활성화하면 콘솔 탭에 오류가 표시됩니까? 또는 도미노 로그에 오류가 표시됩니까?

또한 표 머리글은 그려지고 내용이 아닌지 아니면 표 머리글을 얻지 못하고 있습니까?

Oliver는 설치에 필요한 도구를 사용하여 필요한 리소스를 복사/붙여 넣기했습니다. 따라서 파일 구조가 약간 다르므로 bower 파일 경로가있는 파일/스크립트에 대한 참조가 있는지 확인하는 것이 좋습니다.

아, 리소스 집계를 사용하고 있습니까? CSS 중 일부는 상대 경로를 사용하므로이 경로를 업데이트해야한다고 생각합니까?

테이블을 초기화 하시겠습니까?