jQuery MiniUI

标题: datagrid动态列在IE11以下的兼容性的问题 [打印本页]

作者: 1376651290 时间: 2016-9-5 21:31:38 标题: datagrid动态列在IE11以下的兼容性的问题

同一个代码，为什么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\"} },";

[attach]7912[/attach][attach]7911[/attach]

作者: dforce 时间: 2016-9-6 09:39:31

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

作者: 1376651290 时间: 2016-9-7 11:59:59

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

[attach]7917[/attach]

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

作者: felt 时间: 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低版本打开都是正常显示的

[attach]7918[/attach]这次我设置了300px高度打开的效果

作者: 1376651290 时间: 2016-9-7 15:28:10

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

[attach]7920[/attach]
版主，还是不得，我的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 时间: 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>

作者: felt 时间: 2016-9-7 15:38:15

1376651290 发表于 2016-9-7 15:32
这是页面代码

从你的页面看，不是表格的滚动条看不到，是页面应该有滚动条的吧。
你放空页面放入这个datagrid，单独运行这个datagrid有没有问题

作者: 1376651290 时间: 2016-9-7 16:03:43

felt 发表于 2016-9-7 15:38
从你的页面看，不是表格的滚动条看不到，是页面应该有滚动条的吧。
你放空页面放入这个datagrid，单独运 ...

在IE8下，能显示竖向滚动条，但是水平的滚动条没有啊。我这个datagrid是写在panel里面的，不知道是不是这个原因，一下是整个页面代码，请帮着分析下，谢谢了：[attach]7921[/attach]

作者: felt 时间: 2016-9-7 17:16:50

1376651290 发表于 2016-9-7 16:03
在IE8下，能显示竖向滚动条，但是水平的滚动条没有啊。我这个datagrid是写在panel里面的，不知道是不是这 ...

请更新最新版本，我这边用你这页面，加上列横竖都有滚动条的

作者: 1376651290 时间: 2016-9-7 19:00:46

felt 发表于 2016-9-7 17:16
请更新最新版本，我这边用你这页面，加上列横竖都有滚动条的

[attach]7923[/attach]那为什么在IE9下显示成这样呢

作者: dforce 时间: 2016-9-8 09:54:45

1376651290 发表于 2016-9-7 19:00
那为什么在IE9下显示成这样呢

[attach]7925[/attach]
你那边直接打开这页面看一下，我这边ie6-11都是正常的

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)