Как использовать datatables.js с таблицей данных XPages?

Я пытаюсь использовать плагин datatables.js с таблицей данных, которая отображает 3 вычисляемых поля из устаревшего источника данных представления Notes. У меня проблема с тем, что я не могу инициализировать/передать свой datatable1 в плагин? Я не уверен, что у меня есть правильные библиотеки для datatables.js. Любое понимание будет оценено. Заранее спасибо. SW

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.data>
    <xp:dominoView var="view1" viewName="MyName"></xp:dominoView>
</xp:this.data>

<xp:this.resources>
    <xp:script src="/dataTables.js" clientSide="true"></xp:script>
    <xp:script
        src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"
        clientSide="true">
    </xp:script>
    <xp:script src="http://code.jquery.com/jquery-1.8.2.js"
        clientSide="true">
    </xp:script>
    <xp:script
        src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"
        clientSide="true">
    </xp:script>
</xp:this.resources>


<xp:eventHandler event="onClientLoad" submit="true"
    refreshMode="norefresh">
</xp:eventHandler>
<xp:dataTable id="dataTable1" rows="10" value="#{view1}" var="rows">
    <xp:column id="column1"><xp:this.facets>
<xp:span xp:key="header">Name</xp:span></xp:this.facets>
        <xp:text escape="true" id="computedField1" value="#{rows.Name}"></xp:text></xp:column>
    <xp:column id="column2">
        <xp:text escape="true" id="computedField2" value="#{rows.Age}"></xp:text>
        <xp:this.facets>
<xp:span xp:key="header">Age</xp:span></xp:this.facets></xp:column>
</xp:dataTable>


person swollin    schedule 19.12.2012    source источник


Ответы (1)


Я думаю, вы должны сначала убедиться, что datatables.js находится НИЖЕ вашей зависимости от ядра jquery. на этапе рендеринга XSP сначала будет отображать тег для dataTables.js, а затем тег для загрузки jQuery. Это должно привести к ошибке на стороне клиента (которую вы, вероятно, уже видите в консоли js вашего браузера), поскольку скрипт dataTables.js пытается получить доступ к функциям из jQuery, который еще не определен, поскольку dataTables.js был загружен до jquery.js. .

Если это не поможет - что показывает консоль javascript вашего браузера? Есть ошибки?

person Michael Gollmick    schedule 26.02.2013