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代碼的時(shí)候先解析class聲明中的datagrid,這樣組件就請(qǐng)求了一次url;然后又調(diào)用js初始化代碼請(qǐng)求一次url。這樣導(dǎo)致了重復(fù)加載,解決的方法就是只用一種初始化方法來聲明easyUI組件以避免重復(fù)的提交請(qǐng)求,即刪除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é)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法
- 淺談EasyUi ComBotree樹修改 父節(jié)點(diǎn)選擇的問題
- EasyUI 中combotree 默認(rèn)不能選擇父節(jié)點(diǎn)的實(shí)現(xiàn)方法
- EasyUi combotree 實(shí)現(xiàn)動(dòng)態(tài)加載樹節(jié)點(diǎn)
- jQuery EasyUI API 中文文檔 - ComboTree組合樹
- EASYUI TREEGRID異步加載數(shù)據(jù)實(shí)現(xiàn)方法
- EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問題的解決辦法
- Jquery EasyUI中彈出確認(rèn)對(duì)話框以及加載效果示例代碼
- easyui combotree加載靜態(tài)數(shù)據(jù)問題(選不上)解決方法
相關(guān)文章
超好用的jQuery分頁插件jpaginate用法示例【附源碼下載】
這篇文章主要介紹了超好用的jQuery分頁插件jpaginate用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery分頁插件jpaginate的基本調(diào)用方式、參數(shù)屬性及配置方法,并附帶源碼供讀者下載,需要的朋友可以參考下2018-12-12jquery獲取transform里的值實(shí)現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)select選擇框內(nèi)容左右移動(dòng)代碼,感興趣的小伙伴們可以參考一下2015-11-11關(guān)于jQuery中.attr()和.prop()的問題探討
寫了幾句代碼在ie8上能正常運(yùn)行,chrome和ff卻不行,prop()方法適用于Boolean值的屬性,添加屬性名稱該屬性就會(huì)生效應(yīng)該使用.prop()者兩點(diǎn)就是他們的區(qū)別吧2013-09-09jQuery產(chǎn)品間斷向下滾動(dòng)效果核心代碼
這篇文章主要為大家分享了jQuery產(chǎn)品間斷向下滾動(dòng)的核心代碼,需要的朋友可以參考下2014-05-05jQuery動(dòng)態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
本篇文章是對(duì)在jQuery中動(dòng)態(tài)設(shè)置form表單的enctype值的實(shí)現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07jquery創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個(gè)新的節(jié)點(diǎn)對(duì)象,這對(duì)一些自定義功能很有幫助,而且可以隨意控制對(duì)象的結(jié)構(gòu)與內(nèi)容,何樂而不為呢,看到這里,相信有些朋友已經(jīng)按耐不住了,好記下來為大家介紹實(shí)現(xiàn)方法,感興趣的朋友可以了解下哦2013-01-01