查看: 9913|回复: 10

datagrid动态列在IE11以下的兼容性的问题 [复制链接]

1376651290

注册会员

Rank: 2

电梯直达

楼主

发表于 2016-9-5 21:31:38 |只看该作者 |倒序浏览

同一个代码，为什么IE11没问题，在IE8下数据就挤到一块呢？datagrid用的是动态列，代码如下： String str ="[{type:\"checkcolumn\"},{type: \"indexcolumn\",allowSort:true,header:\"序号\"},";
str+="{field: \"ID\", width: 120, visible:false,headerAlign: \"center\", allowSort: true, header: \"主键\", editor: { type: \"textbox\"} },";
str+="{field: \"OBJECT_NAME\", width: 120, headerAlign: \"center\", allowSort: true, header: \"名称\", editor: { type: \"textbox\"} },";
str+="{field: \"OBJECT_CODE\", width: 120, headerAlign: \"center\", allowSort: true, header: \"编码\", editor: { type: \"textbox\"} },";

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

收藏0

dforce

超级版主

Rank: 8 Rank: 8

沙发

发表于 2016-9-6 09:39:31 |只看该作者

把这个表格单独一个页面，重新出来问题，把页面打包发上来，我们看一下

1376651290

注册会员

Rank: 2

板凳

发表于 2016-9-7 11:59:59 |只看该作者

dforce 发表于 2016-9-6 09:39
把这个表格单独一个页面，重新出来问题，把页面打包发上来，我们看一下

用的动态列，所以把取到的列对象也设置上了，value.txt是对应的值，谢谢了。
存在的问题就是IE8下没有水平滚动条，IE9下没有没有按照设置的宽度，都挤压在一块。谢谢了。

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

felt

超级版主

Rank: 8 Rank: 8

地板

发表于 2016-9-7 13:27:04 |只看该作者

本帖最后由 felt 于 2016-9-7 13:35 编辑

1376651290 发表于 2016-9-7 11:59
用的动态列，所以把取到的列对象也设置上了，value.txt是对应的值，谢谢了。
存在的问题就是IE8下没有 ...

1 页面doctype必须使用
<!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">
2 ie只支持标准模式，请不要使用兼容模式

3 排除这2点，本地ie低版本打开都是正常显示的

这次我设置了300px高度打开的效果

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

1376651290

注册会员

Rank: 2

5^#

发表于 2016-9-7 15:28:10 |只看该作者

felt 发表于 2016-9-7 13:27
1 页面doctype必须使用

版主，还是不得，我的jsp设置的事这样的：
<!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>
<base href="<%=basePath%>"/>
<title>实物台账管理</title>
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;IE=edge">

miniui版本:3.5

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

1376651290

注册会员

Rank: 2

6^#

发表于 2016-9-7 15:32:05 |只看该作者

felt 发表于 2016-9-7 13:27
1 页面doctype必须使用

这是页面代码
  
         <div id="swdatagrid" class="mini-datagrid" style="height:60%;width:1500px"
      url="${path}/MaterialObject/queryObj" idField="id"
      allowResize="true" pageSize="20"
      allowCellEdit="true" allowCellSelect="true" multiSelect="true" allowAlternating="true"  virtualScroll="true" >
         <%--动态生成表头，JS加载 --%>

</div>