Внедрение jquery DataTable в XPages

Question

Я пытаюсь реализовать свой первый jQuery DataTable в XPages и не могу получить даже базовую версию HTML для инициализации.

Я добавил загруженные файлы в свою папку WebContent в Package Explorer. Поэтому у меня есть ...

WebContent - DataTables - примеры/расширения/медиа и т. Д. В папках.

Я изменил мою тему приложение, которое работает отлично и все остальное, чтобы включить ......

<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> 

Я добавил блок сценария на моей странице

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

И у меня есть использовали образцы данных с веб-сайта 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. Я попробовал nsf Оливера Буссе из своего блога по тому же вопросу и не могу заставить его работать.

Мне явно не хватает чего-то, и я как бы новичок, извините, если это основной вопрос, но я теряю желание жить на этом! Любая помощь будет оценена по достоинству.

Answer 1

У меня теперь есть эта работа.Разочарочно я не могу определить, где виновата. Я мог бы только решить это, удалив все ранее скопированные элементы и скопировав каждый соответствующий элемент из примера Майкла Смита в мое приложение.

Я заметил, что таблицы не могут быть <xp:table>, которые я не понимал на время.

Большое спасибо за все предложения.

Answer 2

Я думаю, что вы видите проблему AMD. Google AMD и XPages и вы увидите возможные решения - как https://xomino.com/2015/06/08/fixing-the-xpages-r9-dojo-define-amd-problem-once-and-for-all/

Говарда

Answer 3

В вашей теме, вы простирающийся «webstandard» или самозагрузки версии? У вас должен быть jQuery, указанный в заголовке html перед dataTables.js. Что вы указали на своей странице?

Я имел эту работу во многих приложениях, а вот HTML головка для одной XPage у меня есть, что включает в себя JQuery DataTable (я опустил нерелевантные строки):

<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> 

В теме, Я установил его в «webstandard», чтобы убедиться, что jQuery является первым, и у меня есть все CSS.

Answer 4

Если я не ошибаюсь, я думаю, что проблема AMD уже исправлена ​​в БД Оливера? (Возможно, я ошибаюсь?)

Если вы включаете инструменты firebug/developer, возникают ли какие-либо ошибки на вкладке консоли? Или появляются ошибки в журнале домино?

Кроме того, заголовываются ли заголовки таблиц и просто не содержание, или вы даже не получаете заголовок таблицы?

Единственная вещь, которая выпрыгивает немного, - это Оливер, использующий беседу для установки, где, когда вы копируете/вставляете нужные вам ресурсы. Таким образом, структура файла несколько отличается, поэтому может быть стоит проверить, есть ли какие-либо ссылки на файлы/скрипты с файлом пути bower?

О, и вы используете агрегацию ресурсов? Я думаю, что некоторые из CSS используют относительные пути, поэтому вам просто нужно их обновить?

Вы инициализируете таблицу?