Datatables and Knockout

urbanmichal

Hi guys,

I've got problem with integration Datatables with Knockout.

Below is the code or JS Fiddle: http://jsfiddle.net/3Mq2S/4/

PROBLEM:
When I'm clicking header there's no sorting and records are lost.

[code]

Change data



Index
Name










$(function() {

var $table = $('table');

var dtOptions = {
"aoColumns": [{
"sType": 'numeric'
}, {
"sType": 'string'
}, ],
};

var dt = $table.dataTable(dtOptions);

var vm = {};

vm.issues = ko.observableArray();

var counter = 0;

vm.changeData = function() {

vm.issues(
[{
id: counter,
name: 'a'
}, {
id: ++counter,
name: 'b'
}]);

++counter;
};

ko.applyBindings(vm, $('body')[0]);

vm.changeData();

});


[/code]

allan

This thread might be of interest to you: http://datatables.net/forums/discussion/16160/knockout-observables-and-datatables-1.10-pre-beta-feedback-please

urbanmichal

Allan, this is great. I remade your snippet for my data structure, but after second evaluating ko.mapping.fromJS I've got wrong data in datatable. JSFiddle: http://jsfiddle.net/BUDCL/

I would be grateful for any ideas why it's not working :)

urbanmichal

Problem solved :)