MS Ajax template: DataView Kontrolü

   //web formun'un arka planı
//MicrosoftAjax.js ve template.js  dosyalarını internetten temin edebilirsiniz.
//bu örnekte html nesneleri ile bir şablon oluşturup bu şablonlara veri bağlama
//işlemini göreceğiz.
//dikkat edilecek husus {{}}  ibareleri bu ibareler içerisinde 
//bağlanacak tablodaki alan ibareleri veya ajax 'a has fonksiyonları kullanımını sağlayan blok aralığı.
//jquery de bu yapı   {= değişken/fonksiyon}   şeklinde.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tmpl_3.aspx.cs" Inherits="tmpl_3" %>
<!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></title>
    <style type="text/css">
        .sys-template { display: none; }
    </style>

    <script src="Scripts/MicrosoftAjax.js" type="text/javascript"></script>
    <script src="Scripts/MicrosoftAjaxTemplates.js" type="text/javascript"></script>
    <script type="text/javascript">
        function pageLoad() {
            var _resimler = [
            { url: 'img/aslan.png', valx: 'aslan' },
            { url: 'img/esek.png', valx: 'esek' },
            { url: 'img/fil.png', valx: 'fil' }
            ];
            $create(Sys.UI.DataView, { data: _resimler },
            null, null, $get('resimler'));       
        }

    </script>
</head>
<body>
<table id="resimler" class="sys-template">
    <tr>
        <td><img sys:src="{{url}}" /></td>
        <td>{{valx}}</td>
    </tr>
</table>
</body>
</html>

ve çıktı sonucu:

Düzenleyen murat turan - 23.Nisan.2010 Saat 11:34

Yazar	Mesaj Konuyu Paylaş Konuyu Yazdır Google Delicious Digg StumbleUpon Windows Live Yahoo Bookmarks reddit Facebook MySpace Newsvine Furl Konu Bilgi Ara Konu Ayarları Yanıt Yaz Yeni Konu
murat turan Üye Profili Özel Mesaj Yolla Bu kullanıcıya ait mesajları bul Üyenin Web Sitesie Git Arkadaş Listeme Ekle Admin Group Datakent Kayıt Tarihi: 01.Ekim.2003 Bulundugu Yer: Turkey Online: Sitede Değil Gönderilenler: 1797	Alıntı Cevapla Konu: MS Ajax template: DataView Kontrolü Gönderim Zamanı: 23.Nisan.2010 Saat 11:13
	//web formun'un arka planı //MicrosoftAjax.js ve template.js dosyalarını internetten temin edebilirsiniz. //bu örnekte html nesneleri ile bir şablon oluşturup bu şablonlara veri bağlama //işlemini göreceğiz. //dikkat edilecek husus {{}} ibareleri bu ibareler içerisinde //bağlanacak tablodaki alan ibareleri veya ajax 'a has fonksiyonları kullanımını sağlayan blok aralığı. //jquery de bu yapı {= değişken/fonksiyon} şeklinde. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="tmpl_3.aspx.cs" Inherits="tmpl_3" %> <!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></title> <style type="text/css"> .sys-template { display: none; } </style> <script src="Scripts/MicrosoftAjax.js" type="text/javascript"></script> <script src="Scripts/MicrosoftAjaxTemplates.js" type="text/javascript"></script> <script type="text/javascript"> function pageLoad() { var _resimler = [ { url: 'img/aslan.png', valx: 'aslan' }, { url: 'img/esek.png', valx: 'esek' }, { url: 'img/fil.png', valx: 'fil' } ]; $create(Sys.UI.DataView, { data: _resimler }, null, null, $get('resimler')); } </script> </head> <body> <table id="resimler" class="sys-template"> <tr> <td><img sys:src="{{url}}" /></td> <td>{{valx}}</td> </tr> </table> </body> </html> ve çıktı sonucu: Düzenleyen murat turan - 23.Nisan.2010 Saat 11:34
	Kasa Takip \| Cari Takip \| Evrak Takip \| ETA SQL Mobil

murat turan Üye Profili Özel Mesaj Yolla Bu kullanıcıya ait mesajları bul Üyenin Web Sitesie Git Arkadaş Listeme Ekle Admin Group Datakent Kayıt Tarihi: 01.Ekim.2003 Bulundugu Yer: Turkey Online: Sitede Değil Gönderilenler: 1797	Alıntı Cevapla Gönderim Zamanı: 23.Nisan.2010 Saat 11:19
	ve daha fazla örnek: http://weblogs.asp.net/infinitiesloop/archive/2009/09/10/microsoft-ajax-4-preview-5-the-dataview-control.aspx
	Kasa Takip \| Cari Takip \| Evrak Takip \| ETA SQL Mobil