我使用Alloy UI for My Liferay 6.2 Portal,我有一个带有分页小部件的DataTable,除了Win8下的IE8外,一切正常。显然浏览器没有渲染YUI指令来更改dom并且没有加载分页。
这是我用来创建分页的代码:
function esVisible() {
var num_page = document.getElementById("numResultsPage").value;
var visible = false;
if (num_page < entradas.length && entradas.length > 0) {
visible = true;
}
return visible;
}
new Y.Pagination({
boundingBox: '#pagination',
circular:false,
contentBox:'#pagination .pagination-content',
cssClass:'miclase',
page: 1,
visible: esVisible(),
on: {
changeRequest: function(event) {
dataTable.set('data', loadDataStore(xmlObject,event.state.page));
}
},
total:number_of_pages
}).render();
这是我更改don元素以自定义分页控件的代码:
Y.one('.pagination-content .pagination-control:first-child').setHTML('<div><i class="icon-chevron-left icon-1x"></i></div>');
Y.one('.pagination-content .pagination-control:last-child').setHTML('<div><i class="icon-chevron-right icon-1x"></i></div>');
//Ocultamos paginaci�n interna (1,2,3..etc)
Y.all('.pagination-content li:nth-of-type(n+2):nth-last-of-type(n+2)').addClass('ocultar');
ocultar = Y.all('.ocultar');
ocultar.setStyle('display','none');
//
prev = Y.one('.pagination-content li:first-child');
next = Y.one('.pagination-content li:last-child');
prev.setStyle('cursor','pointer');
next.setStyle('cursor','pointer');
当我检查IE8上的元素时,我得到的HTML是:
<div class="pagination" id="pagination">
<ul class="pagination-content"/>
出于某种原因,IE8未在上下文框中加载分页内容。请帮忙!