您的位置：首页 > Web前端 > HTML

dhtmlxgrid数据表格在ie9,ie10下无法隐藏列

2014-07-17 15:58 1051 查看
直接开始正题，导入dhtmlxgrid需要的js以及css



在jsp页面顶部加入<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在<head>中加入

<style>
   .error{
background-color: #ffd4db !important;
color:maroon !important;
}
.dhx_header_cmenu{
       background-color:#ffffff;
       border:2px outset silver;
       z-index:2;
   }
.dhx_header_cmenu_item{
   white-space:nowrap;
}  

    </style>

以上用于重写样式,

然后重点来了

var countryInfo = {
initGrid: function() {
var allCheck = "<input type='checkbox' style='width: 15px; height: 15px;'  id='allCheck'  onClick='countryInfo.allCheck(this);' />";
//隐藏列不得写表头，宽度必须设置为0
mygrid = DhtmlxUtis.createGrid('gridbox', {
"header": allCheck+",地市,区(县),最后维护人,最后维护时间,备注,,",
"initWidth": "40,150,150,150,150,450,0,0",
"colAlign" : "center,center,center,center,center,center,center,center",
"colTypes" : "ch,ro,ro,ro,ro,ro,ro,ro,ro",
"colSorting": "na,na,na,na,na,na,na,na"
});
this.paging = new dhtmlxGridPaging('paging');
this.paging.initPaging(countryInfo.query);
mygrid.setColumnHidden(6,true);
mygrid.setColumnHidden(7,true);
//默认自动宽度false,重写隐藏方法
mygrid.enableAutoWidth(false);
mygrid.saveSizeToCookie("oaq_column_width");
mygrid.attachEvent("onColumnHidden",function(ind){
mygrid.entBox.style.border="0px solid red";
if (!_isFF) return;
mygrid.obj.border="1"
window.setTimeout(function(){
mygrid.obj.border="0"
mygrid.entBox.style.border="0px";
},1);
});
},
query: function(start, end) {
$.singleReq({
data: {
"f_region_num": $('#f_region_num').val(),
"f_county_name": $('#f_county_name').val(),
"start": start,
"end": end,
"type": "list",
"reqUrl": "countryManager",
"reqMethod": "queryCountryInfo"
},
success: function(ret) {
if (ret) {
if (ret.retCode == GLOBAL_INFO.SYS_SUCCESS) {
var page = eval(ret.retObj);
if (page != null && page.records != null) {
var jsonArr = page.records;
var datas = [];
for (var i = 0; i < jsonArr.length; i++) {
datas[i] = [0,jsonArr[i].f_region_name,jsonArr[i].f_county_name,jsonArr[i].f_last_user, jsonArr[i].f_last_time,jsonArr[i].f_bz, jsonArr[i].f_region_num,jsonArr[i].f_county_num];
}
mygrid.loadSizeFromCookie('column_width');
mygrid.clearAll();
mygrid.parse(datas, "jsarray");

mygrid.setColumnHidden(6,true);
mygrid.setColumnHidden(7,true);
mygrid.attachEvent("onColumnHidden",function(ind){
if (!_isFF) return;
mygrid.obj.border="1"
window.setTimeout(function(){
mygrid.obj.border="0"
},1);
});
countryInfo.paging.setTotalPage(page.totalRecord);
countryInfo.paging.refresh(start, end);
} else {
mygrid.clearAll();
countryInfo.paging.setTotalPage(0);
}
} else {
if (ret.resMsg) {
} else {
UOMPComp.showFailedDialog("查询失败，请重新查询", "");
}
}
}
}
});
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  dhtmlxgrid 隐藏列 ie9 ie10
相关文章推荐
新的分享
章节导航