0

Notes レガシー ビュー データ ソースから 3 つの計算フィールドを表示するデータテーブルで datatables.js プラグインを使用しようとしています。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>

4

1 に答える 1

0

まず、datatables.js が jquery コアへの依存関係の下にあることを確認する必要があると思います。レンダリング フェーズ中、XSP は現在、最初に dataTables.js へのタグをレンダリングし、次に jQuery のロード用のタグをレンダリングします。これにより、dataTables.js が jquery.js の前にロードされたため、まだ定義されていない jQuery から関数にアクセスしようとするため、クライアント側のエラー (おそらくブラウザーの js コンソールに既に表示されている) が発生するはずです。 .

これで問題が解決しない場合、ブラウザの JavaScript コンソールには何が表示されていますか? エラーはありますか？

于 2013-02-26T16:23:08.497 に答える