<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        ASP.NET AJAX 4.0的模版編程(Template Programming)介紹

        來源:懂視網 責編:小采 時間:2020-11-27 22:44:13
        文檔

        ASP.NET AJAX 4.0的模版編程(Template Programming)介紹

        ASP.NET AJAX 4.0的模版編程(Template Programming)介紹:ASP.NET AJAX 4.0 模版的使用 1. Introduction: 當Microsoft發布了它的ASP.NET 3.0時也同時發布了它的AJAX平臺也就是ASP.NET AJAX。 不過說實話,當時相比其它的AJAX平臺,它沒有什么很突出的功能。不過當我評估ASP.NET AJAX 4.0的時候,我確實
        推薦度:
        導讀ASP.NET AJAX 4.0的模版編程(Template Programming)介紹:ASP.NET AJAX 4.0 模版的使用 1. Introduction: 當Microsoft發布了它的ASP.NET 3.0時也同時發布了它的AJAX平臺也就是ASP.NET AJAX。 不過說實話,當時相比其它的AJAX平臺,它沒有什么很突出的功能。不過當我評估ASP.NET AJAX 4.0的時候,我確實

        ASP.NET AJAX 4.0 模版的使用

        1. Introduction:

        當Microsoft發布了它的ASP.NET 3.0時也同時發布了它的AJAX平臺也就是ASP.NET AJAX。 不過說實話,當時相比其它的AJAX平臺,它沒有什么很突出的功能。不過當我評估ASP.NET AJAX 4.0的時候,我確實被它的特征給震住了。新的特征完全專注于瀏覽器技術,比如XHTML和javascript。 我非常欽佩ASP.NET AJAX小組。試試看看AJAX4.0的新特征:

        Template based client side programming
        DataView and DataContext
        Live Data Binding


        2. Template Programming

        模版形式提供了一個可以設計Web UI樣式的模式并且能夠給運行時的數據添加位置標記。下面這個例子中,我設計了一個web頁面來顯示AdventureWorks數據庫的產品數據通過ADO.NET data service. 整個模式如下:

        Service的代碼:

        代碼如下:
        public class AWProductDataService : DataService
        {
        public static void InitializeService(IDataServiceConfiguration config)
        {
        config.SetEntitySetAccessRule("*", EntitySetRights.All);
        }
        }

        使用ASP.NET的模版的aspx頁面如下:
        代碼如下:
        <%@ Page Language="C#" AutoEventWireup="true"
        CodeBehind="ClientTemplateAndDataViewDemo.aspx.cs"
        Inherits="CoreEnhancements.AJAX.ClientTemplateAndDataViewDemo" %>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" >
        <head runat="server">
        <title>Microsoft Tech.Ed - Client-side Templating Demo</title>
        <style type="text/css"><!--
        .sys-template {display:none}

        --></style><style type="text/css" bogus="1"> .sys-template {display:none}
        </style>
        <script type="text/javascript" src="../scripts/MicrosoftAjax.debug.js" src="scripts/MicrosoftAjax.debug.js"></script>
        <script type="text/javascript" src="../scripts/MicrosoftAjaxTemplates.debug.js" src="scripts/MicrosoftAjaxTemplates.debug.js"><!--

        // --></script>
        <script type="text/javascript" src="../scripts/MicrosoftAjaxAdoNet.debug.js" src="scripts/MicrosoftAjaxAdoNet.debug.js"><!--

        // --></script>
        <script type="text/javascript"><!--
        var dataContext = new Sys.Data.AdoNetDataContext();
        dataContext.set_serviceUri("AWProductDataService.svc");
        dataContext.initialize();

        // --></script>
        </head>
        <body xmlns:sys="javascript:Sys" xmlns:dataview="javascript:Sys.UI.DataView"
        sys:activate="*">
        <form id="form1" runat="server">
        <div>
        <table border="1">
        <thead>
        <tr>
        <td>Name</td>
        <td>List Price</td>
        <td>Size</td>
        <td>Weight</td>
        </tr>
        </thead>
        <tbody class="sys-template" sys:attach="dataview" dataview:autofetch="true"
        dataview:dataprovider="{{ dataContext }}"
        dataview:fetchoperation="Products">
        <tr>
        <td>{binding Name }</td>
        <td>{binding ListPrice}</td>
        <td>{binding Size}</td>
        <td>{binding Weight}</td>
        </tr>
        </tbody>
        </table>
        </div>
        </form>
        </body>
        </html>

        我使用了傳統HTML table來顯示數據。 你能夠看到新的屬性在<TBODY>節點中,還有存放數據的節點<TD>。ASP.NET AJAX 4.0有一個很好的模版驅動來解析這些新的屬性。而這些新的屬性在X(HT)ML和Javascript中都是沒有的。這里的一個亮點是這些全都是XHTML能夠解析的,所以它們不是常規的HTML元素的自定義屬性。<TBODY>的類屬性設置為sys-template,是一個約定用來隱藏從用戶那邊得到的初始化模版。 .sys-template {display:none} 字段或者是屬性能夠通過{}符號來表達以便顯示在數據展示區。

        3. DataContext:

        模版需要數據來填充它的數據展示區作為上下文。 而上下文的數據可以綁定任何的Javascript數組或是可以作為模版的對象。上下文數據最強大的地方是它能夠通過web Services和JSON/ATOM交互。ASP.NET AJAX提供兩個數據上下文放在MicrosfotAjaxAdoNet.js中:

        Sys.Data.DataContext
        Sys.Data.AdoNetDataContext
        上下文數據能夠自動跟蹤所有的數據變化通過new Sys.Observer對象。AdoNetDataContext支持ADO.NET數據服務很多額外的特性,比如認證管理,鏈接和實體間的協作。下面這個例子描述了如何用AdoNetDataContext同AdventureWorks的產品的ADO.Net數據服務的交互。
        代碼如下:
        var dataContext = new Sys.Data.AdoNetDataContext(); dataContext.set_serviceUri("AWProductDataService.svc"); dataContext.initialize();

        這里的set_serviceUri()方法能夠用來和WCF AJAX或者是ADO.NET 數據服務交互。Initialize()方法用來提供初始化。

        4.      Data View

        這里有個基本組件用來為模版展示數據,它定義在System.UI.DataView中。它十分類似于服務器端的支持綁定任何Javascript對象或數據或是ASP.NET AJAX組件的數據源組件。它有連個屬性來進行數據綁定:

        data - To bind a JavaScript array or object
        dataprovider - To bind to a WCF service
        如果你需要運行這個程序,你需要添加下面幾個客戶端的AJAX庫。

        MicrosoftAjax.js
        MicrosoftAjaxTemplates
        MicrosoftAjaxAdoNet
        下面這個圖展示了總體的一個使用模版編程的概念模型:

         數據最后的展示如下:

         

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        ASP.NET AJAX 4.0的模版編程(Template Programming)介紹

        ASP.NET AJAX 4.0的模版編程(Template Programming)介紹:ASP.NET AJAX 4.0 模版的使用 1. Introduction: 當Microsoft發布了它的ASP.NET 3.0時也同時發布了它的AJAX平臺也就是ASP.NET AJAX。 不過說實話,當時相比其它的AJAX平臺,它沒有什么很突出的功能。不過當我評估ASP.NET AJAX 4.0的時候,我確實
        推薦度:
        標簽: 4.0的 asp ajax
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲精品无码AV中文字幕电影网站 | 亚洲精品无码久久久久sm| 国产亚洲视频在线播放大全| 人妻视频一区二区三区免费| 免费福利在线观看| 国产男女性潮高清免费网站| 中文字幕在亚洲第一在线| 在线播放国产不卡免费视频| 亚洲国产综合精品中文字幕| 9i9精品国产免费久久| 国产亚洲?V无码?V男人的天堂| 成年女人A毛片免费视频| 亚洲韩国精品无码一区二区三区 | 亚洲自偷自拍另类12p| 久久青草91免费观看| 破了亲妺妺的处免费视频国产| 亚洲av永久无码精品秋霞电影秋| 精品国产麻豆免费网站| 一区二区三区免费视频播放器 | 亚洲色一色噜一噜噜噜| XXX2高清在线观看免费视频| 亚洲va中文字幕无码久久不卡 | 天天干在线免费视频| 国产亚洲精品第一综合| 亚洲精品综合久久| 永久免费A∨片在线观看| 亚洲精品偷拍无码不卡av| 全免费a级毛片免费看不卡| 色网站在线免费观看| 亚洲色成人网站WWW永久| 亚洲免费一级视频| 美女被艹免费视频| 亚洲国产精品国自产拍AV| 成人免费的性色视频| 免费人成网站永久| 亚洲韩国在线一卡二卡| 国产乱色精品成人免费视频| 国产午夜免费高清久久影院| 亚洲综合欧美色五月俺也去| MM131亚洲国产美女久久| 午夜国产精品免费观看|