Ahmad Masykur

Share your knowledge although one function!

About the author

Ahmad Masykur is a Software Architecture Engineer at PT. Freeport Indonesia Jakarta Indonesia.
In this blog, I share things of interest to me. Most topics are likely to be related to software development, but don't hold me to it.

Certificates



Awards


Powered by

Widget Prayer Time not found.

There is an error in XML document (4, 16278).X

Page List

Validators


Ahmad Masykur

ASP.NET Ajax Client Template | JavaScript Client Binding

Dari post sebelumnya, telah saya bahas mengenai ASP.NET Ajax 4.0 Client Template. Pada tulisan tersebut, saya bahas binding data tanpa koding javascript sedikitpun. Dengen client template memang sangat membatu dalam proses binding di sisi client. Binding tidak hanya bisa dilakukan secara declarative seperti pada post sebelumnya. Ada kalanya perlu dilakukan binding secara programming dengan JavaScript. Untuk melakukan binding dengan JavaScript, langkah persiapan yang dilakukan sama seperti pada declarative binding. Perbedaannya pada bagaimana cara membinding data dari datasource ke template.

Berikut saya jelaskan apa yang harus dilakukan untuk client binding dengan JavaScript. Kita asumsikan service dan template yang digunakan sama seperti pada post sebelumnya.

Pada halaman HTMl tidak perlu dideklarasikan XML namespace baru seperti pada metode declarative binding. Template masih tetap sama, hanya attribute sys:attach, dataview:serviceuri dan dataview:query tidak perlu ditulis lagi.

<body> <div> <table border="1"> <thead> <tr> <td>Symbol</td> <td>Quote</td> <td>Change</td> <td>Day</td> <td>Time</td> </tr> </thead> <tbody id="stockListView" class="sys-template"> <tr> <td>{{Symbol}}</td> <td>{{Quote}}</td> <td>{{Change}}</td> <td>{{Day}}</td> <td>{{Time}}</td> </tr> </tbody> </table> </div> </body>

Selanjutnya tinggal  buat binding data dengan JavaScript. Attribute sys:attach, dataview:serviceuri dan dataview:query yang sebelumnya ditulis di deklarasi tag, sekarang digantikan dengan JavaScript object.

<script type="text/javascript"> function pageLoad() { $create( Sys.UI.DataView, { serviceUri: "StockService.svc", query: "GetStocks" }, {}, {}, $get("stockListView") ); } </script>

Kita dapat melakukan binding kapan saja apakah setelah menekan tombol tertentu atau pada waktu pageLoad seperti contoh di atas. Contoh kode untuk client binding dengan JavaScript ini dapat diunduh dari link di bawah.


Categories: ASP.NET AJAX
Permalink | Comments (8) | Post RSSRSS comment feed

Comments

Busby SEO Test United States | Reply

Tuesday, December 02, 2008 9:51 AM

Busby SEO Test

What is ASP.NET Ajax Client Template | JavaScript Client Binding all about?

Busby SEO Test United States | Reply

Saturday, December 06, 2008 6:18 PM

Busby SEO Test

Makasih bro untuk link downloadnya

Webhotel United States | Reply

Tuesday, January 13, 2009 11:52 PM

Webhotel

Dari post sebelumnya, telah saya bahas mengenai ASP.NET Ajax 4.0 Client Template. Pada tulisan tersebut, saya bahas binding data tanpa koding javascript sedikitpun. Dengen client template memang sangat membatu dalam proses binding di sisi client. Binding tidak hanya bisa dilakukan secara declarative seperti pada post sebelumnya. Ada kalanya perlu dilakukan binding secara programming dengan JavaScript. Untuk melakukan binding dengan JavaScript, langkah persiapan yang dilakukan sama seperti pada declarative binding. Perbedaannya pada bagaimana cara membinding data dari datasource ke template.

party planning United States | Reply

Thursday, January 15, 2009 11:34 PM

party planning

The new patterns & practices Application Architecture Guide 2.0 is now available as a free download for developers interested in design-level guidance for the architecture and design of applications built on the .NET Framework. It focuses on the most common types of applications, partitioning application functionality into layers, components, and services, and walks through their key design characteristics.

Italy Hotels United States | Reply

Saturday, January 24, 2009 12:00 AM

Italy Hotels

Tonight (Jan 13, 2008 5:30-8pm) at the Arizona.net User Group, I’ll be presenting AJAX client templates currently available in the ASP.NET v4 Preview hosted on CodePlex.

Busby SEO Test!!! United States | Reply

Sunday, January 25, 2009 1:52 AM

Busby SEO Test!!!

@webhotel
makasih ada tambahan info Laughing

fly reels United States | Reply

Tuesday, January 27, 2009 10:54 PM

fly reels

ASP.NET AJAX templates simplify the process of creating a dynamic data-driven user interface (UI) in the browser. Templates let you specify the UI for data controls by using HTML markup. You can create dynamic pages such as master-detail views that render data from a Web service or an ADO.NET data service, with little or no JavaScript code. The UI is rendered dynamically in the browser, and it can respond automatically to changes in the data without requiring any request or postback to the server.

Forsikring United States | Reply

Tuesday, February 03, 2009 5:32 PM

Forsikring

2 of ASP.NET AJAX, we are enabling new client-side data scenarios for both page and component developers. JSON data from the server can now be rendered as HTML on the client in a highly manageable and efficient way.

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading