亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > .NET > 正文

ASP.NET中UpdatePanel與jQuery同時使用所遇問題解決

2024-07-10 13:17:05
字體：大 中 小
來源：轉載
供稿：網友
今天，在.NET中使用了UpdatePanel，里面的輸入框使用了jQuery的日歷選擇器：

復制代碼 代碼如下:


<script type="text/javascript">
$(function(){
$("#ctl00_ContentPlaceHolder1_txtDateFrom").datepicker({
inline: true,
dayNamesMin:["日","一","二","三","四","五","六"],//區域化周名為中文
firstDay:1,//每周從周一開始
//區域化月名為中文習慣 monthNames:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
showMonthAfterYear:true,//月份顯示在年后面
yearSuffix:"年",//年份后綴字符
changeYear:true,
changeMonth:true,
showButtonPanel:true,//顯示按鈕面板
currentText:"今天",//當前日期按鈕上的文本
closeText:"關閉",//關閉按鈕上的文本
dateFormat:"yy-mm-dd"
});
}
</script>


運行之后正常：

ASP.NET中UpdatePanel與jQuery同時使用所遇問題解決

 
可是，運行之后，點擊"查詢"，頁面局部刷新，發現日歷選擇器不出來了，找了很多資料，他們講：
分析1：UpdatePanel
UpdatePanel在應用中主要用于局部刷新，避免整個頁面的Postback。
UpdatePanel實現局部刷新的核心在于MicrosoftAjaxWebForm.js文件，它的局部刷新過程就是將頁面提交到服務端（包 含ViewState），執行服務端代碼后異步將在UpdatePanel內的HTML進行重新呈現。
在此過程中，頁面的其它部分并沒有狀態更改。
分析2：jQuery
jQuery可以通過簡單的代碼對 HTML元素添加各種屬性和事件句柄，我們可以在這里看到官方的文檔：
Tutorials:How jQuery Works

在這里，我們可以得知，jQuery有個重要的事件標記“ready”，一般 對HTML元素的效果和事件句柄都通過這個ready事件來添加，如下：
$(document).ready(function () {
$("p").text("The DOM is now loaded and can be manipulated.");
});
官方對此的說明是：ready事件會在DOM完全加載后運行一次，OK，至此，問題的原因差不多明白了：
原因:
因為在UpdatePanel局部刷新之后，其中的文本框元素被重寫，而此時整個DOM樹并沒有重新加載，所以jQuery的ready事件并沒有觸 發，所以文本框元素就失去了原有的特效。
解決方案：
我們可以將ready事件中執行的代碼提取出來：

復制代碼 代碼如下:


<script type="text/javascript">
function showdatepicker(){
$("#ctl00_ContentPlaceHolder1_txtDateFrom").datepicker({
inline: true,
dayNamesMin:["日","一","二","三","四","五","六"],//區域化周名為中文
firstDay:1,//每周從周一開始
//區域化月名為中文習慣 monthNames:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
showMonthAfterYear:true,//月份顯示在年后面
yearSuffix:"年",//年份后綴字符
changeYear:true,
changeMonth:true,
showButtonPanel:true,//顯示按鈕面板
currentText:"今天",//當前日期按鈕上的文本
closeText:"關閉",//關閉按鈕上的文本
dateFormat:"yy-mm-dd"
});
}
</script>


在jQuery中也放入這個函數：

復制代碼 代碼如下:


<script type="text/javascript">
$(function(){
showdatepicker();
});
</script>


然后通過捕獲ScriptManager的EndRequest事件，在每次 UpdatePanel局部刷新之后執行一次jQuery初始化代碼，如下所示：

復制代碼 代碼如下:


<script type="text/javascript">
function load(){
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
showdatepicker();
}
</script>


最后，再在<body>中加上load()函數，即:

復制代碼 代碼如下:


<body>


這樣，即便UpdatePanel局部刷新，jQuery代碼也能執行。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产深夜精品福利| 91在线视频精品| 欧美在线不卡区| 日韩av在线影院| 成人黄色生活片| 国产精品igao视频| 日韩高清电影好看的电视剧电影| 亚洲性视频网址| 91精品国产91久久久| 上原亚衣av一区二区三区| 日韩欧美精品免费在线| 欧美午夜女人视频在线| 一区二区三区 在线观看视| 国产欧美在线观看| 欧美孕妇毛茸茸xxxx| 国产精品女主播视频| 欧美精品www在线观看| 福利精品视频在线| 欧美激情国产日韩精品一区18| 成人日韩av在线| 欧美日韩亚洲天堂| 91久久久精品| 欧美精品aaa| 久久久www成人免费精品| 欧美精品手机在线| 欧美精品电影免费在线观看| 日韩欧美在线网址| 97av在线视频免费播放| 亚洲女人初尝黑人巨大| 成人字幕网zmw| 91av视频在线| 91av在线看| 亚洲精品成人久久| 精品国内产的精品视频在线观看| 国产www精品| 亚洲午夜国产成人av电影男同| 国产精品久久久精品| 91久久久精品| 国产精品久久77777| 日韩中文字幕网站| 疯狂蹂躏欧美一区二区精品| 亚洲第一精品夜夜躁人人爽| 国产精品香蕉av| 欧美性极品少妇精品网站| 亚洲天天在线日亚洲洲精| 精品毛片三在线观看| 日韩在线观看视频免费| 欧美精品aaa| 国产欧美一区二区三区在线| 欧美大片大片在线播放| 久久夜色精品国产| 中文字幕亚洲一区二区三区| 日韩欧美一区二区三区| 91国产精品电影| 狠狠久久五月精品中文字幕| 美女精品久久久| 成人激情视频在线观看| 亚洲小视频在线观看| 欧美一区二区三区艳史| 精品久久久一区二区| 4k岛国日韩精品**专区| 九九久久精品一区| 91免费的视频在线播放| 国产精品91久久久| 日韩性xxxx爱| 国产视频精品自拍| 不卡在线观看电视剧完整版| 国产精品video| 国产欧美精品在线播放| 国产一区二区香蕉| 日本sm极度另类视频| 在线色欧美三级视频| 欧美日韩福利视频| 成人激情在线播放| 国产偷国产偷亚洲清高网站| 亚洲图片欧美日产| 国产精品视频免费在线观看| 亚洲美女av网站| 欧美黑人巨大xxx极品| 午夜精品理论片| 亚洲精品视频中文字幕| 国产精品白嫩初高中害羞小美女| 欧美激情喷水视频| 久久6免费高清热精品| 欧美在线一区二区三区四| 亚洲色图15p| 国模视频一区二区| 97视频在线免费观看| 成人精品在线观看| 日韩精品电影网| 国产啪精品视频网站| 国产成人亚洲精品| 岛国精品视频在线播放| 亚洲人成人99网站| 琪琪亚洲精品午夜在线| 成人乱人伦精品视频在线观看| 91在线直播亚洲| 色综合色综合久久综合频道88| 久久久精品一区二区| 欧美亚洲激情在线| 免费97视频在线精品国自产拍| 韩国美女主播一区| 日本高清+成人网在线观看| 久久成人精品一区二区三区| 国产精品久久久久久av福利软件| 18一19gay欧美视频网站| 亚洲加勒比久久88色综合| 欧美日韩亚洲一区二| 欧美午夜片欧美片在线观看| 亚洲国产精品yw在线观看| 欧美高清在线观看| 尤物yw午夜国产精品视频| 久久久久久亚洲精品中文字幕| 亚洲人在线视频| 欧美一级淫片aaaaaaa视频| 亚洲综合在线做性| 国产成人精品久久二区二区| 欧美日韩国产一区二区三区| 欧美国产视频一区二区| 在线电影欧美日韩一区二区私密| 国产精品久久不能| 国产精品久久久久aaaa九色| 日本免费久久高清视频| 日韩中文字幕国产精品| 米奇精品一区二区三区在线观看| 久久91亚洲人成电影网站| 国产欧美欧洲在线观看| 日韩在线小视频| 国产精品视频xxxx| 亚洲欧美国产日韩天堂区| 91久久综合亚洲鲁鲁五月天| 亚洲欧美999| 欧美在线视频网站| 久久久国产视频| 亚洲美女在线看| 久久精品最新地址| 亚洲欧美在线看| 精品视频在线播放色网色视频| 国产精品中文在线| 久久久久久久国产精品| 97人洗澡人人免费公开视频碰碰碰| 色婷婷亚洲mv天堂mv在影片| 一级做a爰片久久毛片美女图片| 欧美高清电影在线看| 国产精品一区二区电影| 日韩资源在线观看| 免费97视频在线精品国自产拍| 久久久久一本一区二区青青蜜月| 国产精品久久一| 成人激情电影一区二区| 国产精品一区二区女厕厕| www.午夜精品| 久久久久久久久久久网站| 91亚洲人电影| 日韩欧美亚洲国产一区| 成人精品久久一区二区三区| 欧美成人sm免费视频| 日韩免费在线看| 久久99视频精品| 国产日韩av在线播放| 欧美极品少妇xxxxx| 日本不卡高字幕在线2019| 91久久夜色精品国产网站| 亚洲女成人图区|