JQuery EasyUI 加載兩次url的原因分析及解決方案
更新時(shí)間：2014年08月18日 08:58:33 投稿：whsnow
這篇文章主要介紹了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，這樣組件就請求了一次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é)點(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)動態(tài)加載樹節(jié)點(diǎn)
- jQuery EasyUI API 中文文檔 - ComboTree組合樹
- EASYUI TREEGRID異步加載數(shù)據(jù)實(shí)現(xiàn)方法
- EasyUI的treegrid組件動態(tài)加載數(shù)據(jù)問題的解決辦法
- Jquery EasyUI中彈出確認(rèn)對話框以及加載效果示例代碼
- easyui combotree加載靜態(tài)數(shù)據(jù)問題（選不上）解決方法
相關(guān)文章
Jquery實(shí)現(xiàn)網(wǎng)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法
本篇文章是對使用Jquery實(shí)現(xiàn)網(wǎng)頁跳轉(zhuǎn)或用命令打開指定網(wǎng)頁的解決方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery層級選擇器實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
XSS指的是跨站腳本攻擊,比如人們常說的向$傳入字符串或者字符串轉(zhuǎn)換可執(zhí)行函數(shù)等一些安全方面值得注意的細(xì)節(jié),下面就為大家整理了jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒2016-05-05
這篇文章主要介紹了jQuery 取值、賦值的基本方法,需要的朋友可以參考下2014-03-03
本篇文章主要是對jquery某一元素重復(fù)綁定的問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享,一般用在短信發(fā)送倒計(jì)時(shí)按鈕情景,本文給出了幾個(gè)例子,需要的朋友可以參考下2014-09-09
jQuery實(shí)現(xiàn)的簡單日歷組件定義與用法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡單日歷組件定義與用法,結(jié)合實(shí)例形式詳細(xì)分析了基于jQuery擴(kuò)展實(shí)現(xiàn)日歷功能的相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
jquery提示 "object expected"的解決方法
在測試代碼的時(shí)候，提示object expected，下面的解決方法，可以參考下。2009-12-12
jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程
jQuery Mobile中的button默認(rèn)提供了很多用于制作移動Web頁面按鈕的屬性,這里我們來整理一下jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程,需要的朋友可以參考下2016-05-05
今天因網(wǎng)站需要寫了個(gè)圖片展示效果,其中用到了Jquery的data函數(shù)，剛學(xué)就被我用這了，昨天看時(shí)還覺得無甚用處，因?yàn)榭梢匀藶榈亟o一個(gè)節(jié)點(diǎn)加屬性嘛，不過省卻了幾句代碼而已。2010-05-05