查看: 5704|回复: 7

ie8 下将datagrid的隐藏、显示列问题 [复制链接]

likui0623

新手上路

Rank: 1

电梯直达

楼主

发表于 2012-11-22 12:09:11 |只看该作者 |倒序浏览

先上图：
（图1）

描述如下：
在IE8浏览器下，如果将datagrid的属性 virtualscroll设置为true时，而且当我的行（ID）拖动至大于50的时候，点击hide按钮，数据都会不见了（如图2所示）。
请看一下是否有此bug！（IE8浏览器下试哦！）
（图2）

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

收藏0

likui0623

新手上路

Rank: 1

沙发

发表于 2012-11-22 12:19:00 |只看该作者

这个问题在google chrome浏览器下不会由此现象，请检查是否是浏览器兼容问题！！
Thx

niko

管理员

Rank: 9 Rank: 9 Rank: 9

板凳

发表于 2012-11-22 13:52:41 |只看该作者

你代码是怎么样的。

likui0623

新手上路

Rank: 1

地板

发表于 2012-11-22 14:06:12 |只看该作者

niko 发表于 2012-11-22 13:52
你代码是怎么样的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表格大数据量：10000条</title>
<script src="../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
<div>
<input type="button" onclick="mini.get('grid1').hideColumn('taskname');" value="hide" /></div>
<h4>
表格大数据量：10000条</h4>
<div id="grid1" class="mini-datagrid" style="width: 700px; height: 400px;" idfield="UID"
resultasdata="true" pagesize="500" allowcelledit="false" allowcellselect="true"
multiselect="true" showfooter="false" virtualscroll="true">
<div property="columns">
<div type="indexcolumn">
ID</div>
<div name="taskname" field="Name" width="200">
任务名称
<input property="editor" class="mini-textbox" style="width: 100%;" minheight="80" />
<input property="filter" class="mini-textbox" style="width: 100%;" minheight="80" />
</div>
<div field="Duration" width="100">
工期</div>
<div field="PercentComplete" width="100">
进度</div>
<div field="Start" width="100" dateformat="yyyy-MM-dd">
开始日期</div>
<div field="Finish" width="100" dateformat="yyyy-MM-dd">
完成日期</div>
</div>
</div>
<script type="text/javascript">
function fillData() {
var data = [];
for (var i = 0, l = 10000; i < l; i++) {
var o = {
"UID": i,
"ParentTaskUID": -1,
"Name": "项目范围规划" + i,
"Duration": 5,
"Start": "2007-01-01",
"Finish": "2007-01-05",
"PercentComplete": 0,
"Summary": 1,
"Critical": 0,
"Milestone": 0,
"PredecessorLink": []
};
data.push(o);
}
var grid = mini.get("grid1");
grid.setData(data);
}
mini.parse();
fillData();
</script>
</body>
</html>