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