jquery easyui常見問題:


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM