ie8 下将datagrid的隐藏、显示列问题 - jQuery MiniUI

<!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>

复制代码