+ -
当前位置:首页 → 问答吧 → jQuery EasyUI datagrid分页导致页面闪烁问题请教

jQuery EasyUI datagrid分页导致页面闪烁问题请教

时间:2011-07-07

来源:互联网

最近研究jQuery EasyUI,在测试时发现一个问题:
新建tab时采用iframe,iframe中加载一个datagrid页,此datagrid页异步加载json数据
在启用pagination属性时,打开datagrid页会导致整个页面闪烁(不是刷新)。
取消pagination或取消异步数据页面恢复正常,不再全屏闪烁。

用demo的datagrid.html测试加载在tab页(iframe)也存在这样的问题

请教jQuery高手这个现象正常吗?如何解决呢?

环境:Win2003+IIS,jQuery EasyUI 1.2.3版

作者: assdeng   发布时间: 2011-07-07

你使用的浏览器应该是IE6,这是因为pagination中选择分页大小使用的是select,这正是造成闪烁的原因。可以将选择分页大小的选项禁用:
$.fn.pagination.defaults.showPageList = false;

作者: stworthy   发布时间: 2011-07-07

的确是IE6

我没找到datagrid有showPageList属性,请问代码如何写?

作者: assdeng   发布时间: 2011-07-07

在demo的pagination.html页这样写,没有反应
$(function(){
$('#pp').pagination({
total:114,
showPageList:false,
......

作者: assdeng   发布时间: 2011-07-07

在官网demo中找到例程,但是点击打开iframe时仍然闪烁

//禁用分页大小的select
var pager = $('#tt').datagrid('getPager'); // get the pager of datagrid
pager.pagination({
showPageList:false
});

作者: assdeng   发布时间: 2011-07-07