knockout.mapping-latest.js Nedir

Package Manager Console’dan “Install-Package Knockout.Mapping” komutu ile indirilebilir.

Bu paket Observable’ları gelen verilerle otomatik eşleştirmek için kullanılır. Örneğin;

<script type="text/javascript">
    var AppViewModel =function () {
    var self =this;
    self.Students = ko.mapping.fromJS([]);
    $.getJSON('/Home/GetStudents/', function (data) {
    ko.mapping.fromJS(data, {}, self.Students);
    });
}
$(document).ready(function () {
    var viewModel =new AppViewModel();
    ko.applyBindings(viewModel);
});
</script>

Burada mapping verilierin ve alanların eşleşmesini sağlayor. ko.mapping.fromJS(data, {}, self.Students); bizim yerimize observable’ları oluşturacaktır ve data üzerindeki değerler ile modelimizi dolduracaktır.Şöyleki aşağıdaki tabloda data-bind=”text: Number” alanına gelen verilerden Number verisini eşliyor.

<table>
    <tbody data-bind="foreach: Students">
       <tr style="border-bottom: 1px solid #000000;">
           <td><span data-bind="text: Number"></span></td>
           <td><span data-bind="text: Name"></span></td>
           <td><span data-bind="text: Surname"></span></td>
       </tr>
     </tbody>
</table>

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s