Top Banner
陈陈陈 Microsoft ASP.NET MVP Baidu Web Front-End Engineer
14

Introducing Asp.Net Ajax 4.0 Preview

Dec 23, 2014

Download

Technology

Cat Chen

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Introducing Asp.Net Ajax 4.0 Preview

陈广琛Microsoft ASP.NET MVP

Baidu Web Front-End Engineer

Page 2: Introducing Asp.Net Ajax 4.0 Preview

ASP.NET AJAX 4.0 Features

ADO.NET Data Service Client Library ASP.NET AJAX Template

Page 3: Introducing Asp.Net Ajax 4.0 Preview

ADO.NET Data Service Client Library

ADO.NET Data ServiceRESTfulAtom

ADO.NET Data Service Client LibraryProxy ClassCRUD OperationAction Sequence (Batch)

Page 4: Introducing Asp.Net Ajax 4.0 Preview

Connection

Proxy ClassSys.Data.AdoNetDataProxy

Simple and Easyvar dataService =

new Sys.Data.AdoNetDataProxy(

“DataService.svc”);

Page 5: Introducing Asp.Net Ajax 4.0 Preview

CRUD - Query

One Method OnlydataService.query(“/Products”,

successCallback,

failureCallback); RESTful URL

“/Products?$orderby=Price&$top=10”

“/Products?$filter=

Category eq ‘food’”

Page 6: Introducing Asp.Net Ajax 4.0 Preview

CRUD - Insert

var newProduct = {…}

dataService.insert(

newProduct,

“/Products”,

successCallback,

failureCallback);

Page 7: Introducing Asp.Net Ajax 4.0 Preview

CRUD - Update

var product = products[i];

dataService.update(

product,

successCallback,

failureCallback);

Page 8: Introducing Asp.Net Ajax 4.0 Preview

CRUD - Remove

var product = products[i];

dataService.remove(

product,

successCallback,

failureCallback);

Page 9: Introducing Asp.Net Ajax 4.0 Preview

ADO.NET Data Service Client Library

Page 10: Introducing Asp.Net Ajax 4.0 Preview

ASP.NET AJAX Template

Instantiate Declaratively Data Binding

One-WayTwo-Way

Page 11: Introducing Asp.Net Ajax 4.0 Preview

JavaScript Syntax$create(

Sys.UI.DataView, {

serviceUri: “DataService.svc",

query: “/Products“

}, {}, {}, $get(“productList") );

Page 12: Introducing Asp.Net Ajax 4.0 Preview

Declarative Syntax<body xmlns:sys=“javascript:Sys” xmlns:dataview=“javascript:Sys.UI.DataView” sys:activate=“*” >

<ul sys:attach=“dataview” dataview:datasource="{{ new Sys.Data.AdoNetDataSource() }}“ dataview:serviceuri=“DataService.svc"> <li></li></ul>

</body>

Page 13: Introducing Asp.Net Ajax 4.0 Preview

ASP.NET AJAX Template

Page 14: Introducing Asp.Net Ajax 4.0 Preview

Contact me via http://catchen.biz