1、jquery easyui1.4.2 demo在ie10 上加载json的时候没有效果
从官网上下载了jquery easyui1.4.2 里面有个demo文件夹,但是发现底下的demo在IE、360等IE核浏览器上加载json的时候没有效果,而在火狐下很正常。
另附:
以demo地下的datagrid的columngroup.html 设置了url 但是不生效。在ie8以下会出现一些脚本错误,ie9以上是没提示错误,但就是数据显示不出来。请各位大侠指点指点把demo整个例子放到iis 上后,火狐和ie都显示不了json上的数据,明明在本地直接运行demo里面的网页时,火狐上可以显示json数据的。
搜的解决方法:
1、官网上重新下载最新的。
2、json文件在iis上无法被识别。在IIS中配置Json的MimeType类型为application/json,然后jquery使用get方式获取数据,可正常获取,如果使用post获取数据,则会返回405错误.
3、把url属性删了,将datagrid_data2.json 的内容写进页面,给datagrid 添加data属性,
var
data = {
"total"
:2,
"rows"
:[
{
"productid"
:
"FI-SW-01"
,
"unitcost"
:10.00,
"status"
:
"P"
,
"listprice"
:36.50,
"attr1"
:
"Large"
,
"itemid"
:
"EST-1"
}
]}
data-options="singleSelect:true,collapsible:true,data:data,method:'get'">
4、$("#aa").datagrid({url:'datagrid_data1.json'});
5、由于例子中使用了ajax,所以要将整个easyui放到服务器上运行,才能正常显示.(本人采用的解决方法)
2、使用easyui在ie浏览器下,treegrid,datagrid加载数据很慢,ie浏览器卡住原因
解决方法:设置datagrid(treegrid)的每一列的width属性,不用让他自适应,取消所有自适应的选项,会很大程度上提高easyui的显示效率,我试过在IE上显示500条数据,效率是能接受的。在firefox上显示2000条都是能接受的,但是IE上超过500条就无法忍受了,所以建议你在IE上一次不要超过300条数据。如果非要自适应的话,那就按比例来适应,先获取window的宽度winWidth,在winWidth*0.1来设置每一列的宽度,不管怎么样,宽度一定要指定
简单一句话就是去掉fitColumns: true或是置为false(默认就是false),并指定每列的width,显示效率会大大提高
3、jquery easyui datagrid 分页怎么把英文改成中文解决方法:前面的page多少页,of多少条那个page和of是不能改的。后面这串文字是可以改变的,主要是说明当前是第几条到第几条数据,总数据是多少条,默认就是这英文的,如果你要改成你需要的,请看下面代码:
$('#tt').datagrid('getPager').pagination({//分页栏下方文字显示
displayMsg:'当前显示从第{from}条到{to}条 共{total}条记录',
onBeforeRefresh:function(pageNumber, pageSize){
$(this).pagination('loading');
alert('pageNumber:'+pageNumber+',pageSize:'+pageSize);
$(this).pagination('loaded');
}
});
tt是你table的id,把这句话加在$('#tt').datagrid({ });里面就可以显示了。
或者引用中文js也可以解决easyui-lang-zh_CN.js