データビューアでページビューアーが表示されない

Question

いいえ、Tabviewコンテナを持つWebページがあります。コンテナには3つのタブがあります。それらのすべてにはデータテーブルが含まれています。各データテーブルは異なる。 datatablesとconfigsのためのページ設定をセットアップすると、すばらしく機能します。それは最初のタブです。他の2つのタブは、ページャーのリンク/ボタン/オプションを取得しません。私は最初のデータテーブルの値を変更することができ、それは他の2つのデータテーブルに反映されます。私が間違ってやっていることや何ができるのか？どうもありがとうございます！

Answer 1

まあ...私は良い夜の睡眠で自分の質問に答えました。 config varを作成し、コンテナプロパティを各データテーブル（例：pagination1、pagination2、pagination3）ごとに異なる値に設定する必要があります。 HTMLマークアップでは、2つのdivコンテナを作成する必要があります。最初のタグIDは、データテーブルのコンテナ名に設定し、2番目のタグIDは、ページ設定のコンテナ名に設定する必要があります。

<div class="yui-content"> 
    <div id="tab1"> 
     <div id="datatable1" class="yui-dt-nowrap"></div> 
     <div id="pagination1"></div> 
    </div> 
    <div id="tab2"> 
     <div id="datatable2" class="yui-dt-nowrap"></div> 
     <div id="pagination2"></div> 
    </div> 
    <div id="tab3"> 
     <div id="datatable3" class="yui-dt-nowrap"></div> 
     <div id="pagination3"></div> 
    </div> 
</div> 

---

var configs = { 
    paginator: new YAHOO.widget.Paginator({ 
     rowsPerPage: 25, 
     template: YAHOO.widget.Paginator.TEMPLATE_ROWS_PER_PAGE, 
     rowsPerPageOptions: [25,50,100], 
     pageLinks: 5, 
     containers: "pagination1" 
    }), 
    width :"99%", 
    draggableColumns:true, 
    formatRow: descriptionToTitleFormatter 
}; 

var datatable1 = new YAHOO.widget.ScrollingDataTable("datatable1", 
    columnTitles, datasource1, configs); 

    datatable1.subscribe("rowMouseoverEvent", datatable1.onEventHighlightRow); 
    datatable1.subscribe("rowMouseoutEvent", datatable1.onEventUnhighlightRow); 
}); 

configs = { 
    paginator: new YAHOO.widget.Paginator({ 
     rowsPerPage: 25, 
     template: YAHOO.widget.Paginator.TEMPLATE_ROWS_PER_PAGE, 
     rowsPerPageOptions: [25,50,100], 
     pageLinks: 5, 
     containers: "pagination2" 
    }), 
    width :"99%", 
    draggableColumns:true, 
    formatRow: descriptionToTitleFormatter 
}; 

var datatable2 = new YAHOO.widget.ScrollingDataTable("datatable2", 
    columnTitles, datasource2, configs); 

    datatable2.subscribe("rowMouseoverEvent", datatable2.onEventHighlightRow); 
    datatable2.subscribe("rowMouseoutEvent", datatable2.onEventUnhighlightRow); 
}); 
... and so on...