這篇文章主要講解了“怎么添加ASP.NET其他的AJAX技術(shù)”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“怎么添加ASP.NET其他的AJAX技術(shù)”吧!
創(chuàng)新互聯(lián)公司專注于沽源企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城開(kāi)發(fā)。沽源網(wǎng)站建設(shè)公司,為沽源等地區(qū)提供建站服務(wù)。全流程按需定制,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
添加ASP.NET其他的AJAX技術(shù)
我們完全可以實(shí)現(xiàn)類似于包含在TaskView.ascx中的<form>部分。而且,我們同樣可以其中描述每一個(gè)任務(wù)項(xiàng),但是卻能夠把一個(gè)常規(guī)的基于提交的表單轉(zhuǎn)換成一個(gè)支持AJAX技術(shù)的表單。這樣以來(lái),任務(wù)項(xiàng)的編輯與刪除操作就可以在局部刷新?tīng)顟B(tài)下實(shí)現(xiàn)。示例代碼中對(duì)此作了解釋,在此不再贅述。
接下來(lái),我想介紹的是如何添加一些腳本并把它添加到我們的示例程序的UI中創(chuàng)建其他基于AJAX的交互而生成的HTML。具體地說(shuō),我想在文本框中添加一個(gè)水印效果,此效果為用戶輸入提供了極為友好的用戶直觀性提示。只要沒(méi)有用戶輸入,此水印效果就會(huì)顯示出來(lái),而當(dāng)用戶把輸入焦點(diǎn)定位于文本框中時(shí)即水印效果消失。
當(dāng)然,篇幅所限,我們也不會(huì)過(guò)于細(xì)致地去討論腳本本身。有關(guān)此腳本詳細(xì)內(nèi)容,請(qǐng)參考本文源碼,但是需要指出的是這個(gè)水印效果被實(shí)現(xiàn)為大家可能熟悉的ASP.NET AJAX框架的一個(gè)客戶端行為(Behavior)組件。就像任何其他行為組件一樣,我們的示例中所使用的文本框也是與DOM元素相關(guān)聯(lián),而且它實(shí)現(xiàn)了對(duì)此元素引發(fā)的相關(guān)事件的訂閱。
在傳統(tǒng)的web表單頁(yè)面中,我經(jīng)常會(huì)直接使用支持AJAX功能的服務(wù)器控件,例如WatermarkExtender,并使之關(guān)聯(lián)到一個(gè)服務(wù)器控件。但是,在本例中,我使用了另一種擴(kuò)展方法來(lái)實(shí)現(xiàn)渲染效果。通過(guò)此方法,我也可以實(shí)現(xiàn)創(chuàng)建并初始化腳本行為組件的一個(gè)實(shí)例。下面給出了我更新以后的視圖關(guān)鍵部分的代碼片斷:
<% RenderBeginAjaxForm(Url.Action("Add"), new { Update="taskList, UpdateType="appendBottom", Highlight="True", Starting="startAddTask", Completed="endAddTask" }); %> <input type="text" name="name" id="nameTextBox" /> <% Ajax.Watermark("nameTextBox", new { watermarkText="[What do you need to do?]", watermarkCssClass="watermark"}); %> <input type="submit" name="addTask" value="Add Task" /> <% RenderEndForm(); %>
上面的擴(kuò)展方法實(shí)現(xiàn)相當(dāng)簡(jiǎn)單。其實(shí),它也就是調(diào)用了現(xiàn)成的AJAX框架。下面是我定義的WatermarkBehavior類相應(yīng)的代碼:
public static class WatermarkBehavior {
public static void Watermark(this AjaxHelper ajaxHelper,
string id, object watermarkOptions) {ajaxHelper.RegisterScript("~/Views/Scripts/Watermark.js");
ajaxHelper.RegisterScriptBehavior(id, "Ajax.Watermark", watermarkOptions);
}
}
當(dāng)然,我們還可以更細(xì)致地控制上面的編碼,但這里僅展示了提供搜集注冊(cè)的腳本功能核心部分的代碼片斷,以及把它們生成到頁(yè)面中,然后實(shí)例化行為對(duì)象,并使其與相應(yīng)的DOM元素建立關(guān)聯(lián),以及傳遞進(jìn)視圖提供的選擇以便定制具體的實(shí)例介紹添加ASP.NET其他的AJAX技術(shù)。
感謝各位的閱讀,以上就是“怎么添加ASP.NET其他的AJAX技術(shù)”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)怎么添加ASP.NET其他的AJAX技術(shù)這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
當(dāng)前題目:怎么添加ASP.NET其他的AJAX技術(shù)
當(dāng)前網(wǎng)址:http://www.chinadenli.net/article4/gcidie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、手機(jī)網(wǎng)站建設(shè)、電子商務(wù)、定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)