Sayfayı Yazdır | Pencereyi Kapat

MS Ajax template: DataView Kontrol - 2

Nereden Yazdırıldığı: Datakent
Kategori: Diğer bölümler
Forum Adı: C# & ASP.NET
Forum Tanımlaması: C# ve ASP.NET ile ilgili soru / sorun ve paylaşım bölümü
URL: http://forum.datakent.com/forum_posts.asp?TID=1902
Tarih: 25.Nisan.2024 Saat 14:23


Konu: MS Ajax template: DataView Kontrol - 2
Mesajı Yazan: murat turan
Konu: MS Ajax template: DataView Kontrol - 2
Mesaj Tarihi: 23.Nisan.2010 Saat 17:54

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tmpl_4.aspx.cs" Inherits="tmpl_4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd - http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns=" http://www.w3.org/1999/xhtml - http://www.w3.org/1999/xhtml ">
<head runat="server">
    <title></title>
    <script src="Scripts/MicrosoftAjax/jQueryStart.js" type="text/javascript"></script>

    <style type="text/css">
        .sys-template { visibility:hidden; display:none; }
    </style>

    <script type="text/javascript">

        var recList = [
            { id: 1, adi: "murat", soyadi: "turan" },
            { id: 2, adi: "kadir", soyadi: "keles" },
            { id: 3, adi: "mustafa", soyadi: "turk" }
        ];

        //dataview client script leri ykuleniyor
        Sys.require(Sys.components.dataView);

        Sys.onReady(function () {

            var rList = $("#rcxlist").dataView(
                {
                    data: recList,
                    initialselectedindex: 0
                }
            ).get(0);

                $addHandler("#setList", "click", function () {
                rList.set_data(recList);
            });                       
        });

       
       
    </script>

</head>
<body xmlns:sys="javascript:Sys">
    <form id="form1" runat="server">
    <div>
        <br />
        <input id="setList" type="button" value="Yukle" />
        <br />

        <table id="rcxlist" class="sys-template" border="1">
            <tr>
                <td>{{id}}</td>
                <td>{{adi}}</td>
                <td>{{soyadi}}</td>
            </tr>
        </table>
   
    </div>
    </form>
</body>
</html>

ajax kütüpaneleri için: http://www.asp.net - www.asp.net
 


-------------
http://www.kasatakip.com - Kasa Takip  |  http://www.caritakip.com - Cari Takip  |  http://www.evraktakip.com - Evrak Takip  |  http://www.etasqlmobil.com - ETA SQL Mobil


Sayfayı Yazdır | Pencereyi Kapat