Arkadaşlar basit bir örnek yapıyorum, Sayfamda bir table kullanıyorum. Bunda gösterilecek bilgileri angularjs ile controllerdan getirip bind işlemi yapıyorum. Ancak bu table ın datatables olasını istediğim zaman datatables içersindeki paging, search, order gibi özellikleri kullanamıyorum. Bu sorunu nasıl aşabilirim? kodlarım :

app.controller("customerCtrl", function ($scope, angularService) {
    GetAllCustomers();
    function GetAllCustomers() {
        var getData = angularService.getCustomers("/Customer/GetAllCustomers");
        getData.then(function (cus) {
            $scope.Customers = cus.data;
            $('#tblCustomer').DataTable();
        }, function () {
            alert("Error!");
        });
    };
});

<div class="row" ng-controller="customerCtrl">
    <table id="tblCustomer" class="table table-striped table-hover table-bordered" cellpadding="0">
        <thead>
            <tr>
                <th>Adı</th>
                <th>Soyadı</th>
                <th>Yaşı</th>
                <th>Mail Adresi</th>
                <th>Cinsiyeti</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Adı</th>
                <th>Soyadı</th>
                <th>Yaşı</th>
                <th>Mail Adresi</th>
                <th>Cinsiyeti</th>
            </tr>
        </tfoot>
        <tbody>
            <tr ng-repeat="customer in Customers">
                <td>{{customer.Name}}</td>
                <td>{{customer.Surname}}</td>
                <td>{{customer.Age}}</td>
                <td>{{customer.Email}}</td>
                <td>{{customer.Gender}}</td>
            </tr>
        </tbody>

    </table>
</div>

Yardımlarınızı bekliyorum. Tşkler.

soruldu: 27 Ara '14, 15:32

ttrrkk's gravatar image

ttrrkk
71336
cevap kabul oranı: 0%

değiştirildi: 28 Ara '14, 09:41

CemIkta's gravatar image

CemIkta ♦
19.9k29125190


jQuery component'lerini direk AngularJS icinde kullanamassiniz, calissa bile AngularJS tarafindan tavsiye edilen bir yontem degil, onun yerine istediginiz jQuery component'ini AngularJS directive olarak yazmalisiniz. Zaten yazilmisi var: AngularJS Data Grid component'i ile yapmak istediginiz seyleri cok kolay yapabilirsiniz. Eger degisik alternatifler ararsaniz ng-modules websitesinde alternatif Grid Component'leri de mevcut!

permanent link

cevaplandı: 27 Ara '14, 17:13

CemIkta's gravatar image

CemIkta ♦
19.9k29125190
cevap kabul oranı: 36%

Verdiğiniz bilgiler için çok tşkler.

(28 Ara '14, 05:07) ttrrkk ttrrkk's gravatar image
Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×81
×33

Soruldu: 27 Ara '14, 15:32

Görüntüleme: 866 kez

Son güncelleme: 28 Ara '14, 09:41

powered by BitNami OSQA