JQuery EasyUI 加載兩次url的原因分析及解決方案
1、傳統(tǒng)方式
<span style="font-size:18px;">$(function () { var url = "../Source/Query/jhDataQry.ashx?action=query"; $(dg).datagrid({ url: url, queryParams: { qsrq: qsrq, zzrq: zzrq } }); }) <table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true" data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh', queryParams: { 'action': 'query'}" rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> <thead> <tr> </tr> </thead> </table></span>
2、原因分析及解決方案
html代碼中利用class聲明了datagrid,導(dǎo)致easyUI解析class代碼的時候先解析class聲明中的datagrid,這樣組件就請求了一次url;然后又調(diào)用js初始化代碼請求一次url。這樣導(dǎo)致了重復(fù)加載,解決的方法就是只用一種初始化方法來聲明easyUI組件以避免重復(fù)的提交請求,即刪除html中的class聲明(class="easyui-datagrid"),修改后的代碼如下:
<span style="font-size:18px;"><table id="DataGrid" fit="true" border="false" toolbar="#TBar" pagination="true" data-options="pageSize:20,pageList: [10, 20, 30, 40, 50,100,5000],idField:'chjid',sortName:'chjbh'" rownumbers="true" singleSelect="true" url="../Source/JiChu/chjdoc.ashx"> <thead> <tr> </tr> </thead> </table></span>
- jQuery Easyui 下拉樹組件combotree
- easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
- 淺談EasyUi ComBotree樹修改 父節(jié)點選擇的問題
- EasyUI 中combotree 默認不能選擇父節(jié)點的實現(xiàn)方法
- EasyUi combotree 實現(xiàn)動態(tài)加載樹節(jié)點
- jQuery EasyUI API 中文文檔 - ComboTree組合樹
- EASYUI TREEGRID異步加載數(shù)據(jù)實現(xiàn)方法
- EasyUI的treegrid組件動態(tài)加載數(shù)據(jù)問題的解決辦法
- Jquery EasyUI中彈出確認對話框以及加載效果示例代碼
- easyui combotree加載靜態(tài)數(shù)據(jù)問題(選不上)解決方法
相關(guān)文章
超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】
這篇文章主要介紹了超好用的jQuery分頁插件jpaginate用法,結(jié)合實例形式簡單分析了jQuery分頁插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下2018-12-12jquery獲取transform里的值實現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼分享
這篇文章主要介紹了jquery實現(xiàn)select選擇框內(nèi)容左右移動代碼,感興趣的小伙伴們可以參考一下2015-11-11關(guān)于jQuery中.attr()和.prop()的問題探討
寫了幾句代碼在ie8上能正常運行,chrome和ff卻不行,prop()方法適用于Boolean值的屬性,添加屬性名稱該屬性就會生效應(yīng)該使用.prop()者兩點就是他們的區(qū)別吧2013-09-09jQuery動態(tài)設(shè)置form表單的enctype值(實現(xiàn)代碼)
本篇文章是對在jQuery中動態(tài)設(shè)置form表單的enctype值的實現(xiàn)代碼進行了詳細的分析介紹,需要的朋友參考下2013-07-07jquery創(chuàng)建一個新的節(jié)點對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個新的節(jié)點對象,這對一些自定義功能很有幫助,而且可以隨意控制對象的結(jié)構(gòu)與內(nèi)容,何樂而不為呢,看到這里,相信有些朋友已經(jīng)按耐不住了,好記下來為大家介紹實現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01