Question

我的网络服务器上有这个JSON对象。

{4: {9: {'id': 9, 'name': 'key9'}, 5: {8: {'id': 8, 14: {'id': 14, 'name': 'key14'},
'name': 'key8'}, 7: {11: {'id': 11, 'name': 'key11'},13: {'id': 13, 'name': 'key13'},
'id': 7, 'name': 'key7'}, 'id': 5, 'name': 'key5'},'id': 4, 6: {'id': 6, 'name': 'key6'},      
'name': 'key4'}}

我希望它使用knockout js根据其层次结构填充id和名称。

这应该是这样的......

KEY4
- key9
- KEY5
  - key8
    - key14

依旧...... 为了做到这一点，我应该如何使用一些带有knockout js的递归函数。
提前致谢。

Answer 1

ko.mapping实用程序会为您解决此问题。

var rawData = <<your above data>>

var ViewModelMapping = {
    include: ['id', 'name'],
    create: function (options) { return new ViewModel(options.data); }
};

var ViewModel = function(data) {
    var self = this;
    ko.mapping.fromJS(data, ViewModelMapping, self);
}

$(document).ready(function() {
    var viewModel = new ViewModel(rawData);
    ko.applyBindings(viewModel, document.getElementById('myElement'));
});

通过映射，您的所有数据都将映射到一堆嵌套的observable中。一旦你得到它就很好。

如果您对数据源有任何控制权，我强烈建议在每个条目前面删除初始整数，并使对象成为一组嵌套数组。

如何在knockout JS中填充嵌套的字典类型对象

1 个答案: