Tabs 分页器在Datatables的Tabview中不可见
好的,我有一个网页,有一个tabview容器。容器有三个选项卡。所有这些都包含数据表。每个数据表都是不同的。当我为datatables和configs设置paginator时,它工作得非常好。在第一个选项卡上,即。其他两个选项卡无法获取分页器的链接/按钮/选项。我可以更改第一个数据表上的值,它会反映在其他两个数据表上。知道我做错了什么或我能做什么吗?非常感谢你 嗯。。。我晚上睡个好觉,回答了自己的问题。您需要为每个datatable创建一个配置变量,并将containers属性设置为不同的值,例如:pagination1、pagination2、pagination3。在HTML标记中,需要创建两个div容器,第一个标记id必须设置为datatable的容器名称,第二个必须设置为paginator的容器名称Tabs 分页器在Datatables的Tabview中不可见,tabs,datatable,pagination,tabview,yui2,Tabs,Datatable,Pagination,Tabview,Yui2,好的,我有一个网页,有一个tabview容器。容器有三个选项卡。所有这些都包含数据表。每个数据表都是不同的。当我为datatables和configs设置paginator时,它工作得非常好。在第一个选项卡上,即。其他两个选项卡无法获取分页器的链接/按钮/选项。我可以更改第一个数据表上的值,它会反映在其他两个数据表上。知道我做错了什么或我能做什么吗?非常感谢你 嗯。。。我晚上睡个好觉,回答了自己的问题。您需要为每个datatable创建一个配置变量,并将containers属性设置为不同的值,例
<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...