将Knockout的结构拆分为多个文件

时间:2014-06-04 08:19:51

标签: c# json parsing knockout.js

Split the data binding of KnockoutJS into table C#

这是我之前关于获取显示为JSON的值并将其解析为表行和列的主题,但是,由于@GoTo,我可以解决我的问题,因为我必须将KnockOut JS的结构拆分为js文件,因此为我创建另一个问题

我已将它们分成3个文件,2个js文件和1个包含表格的cshtml文件

第一个js是:

biz.js

var mapDictionaryToArray = 

    function (dictionary) {
        var result = [];
        for (var key in dictionary) {
            if (dictionary.hasOwnProperty(key)) {
                result.push({
                    key: key,
                    value: dictionary[key]
                });
            }
        }
        return result;

};

第二个js是:

config.js

function ConfigViewModel() {

    self.testParams = mapDictionaryToArray;
    self.contents = ko.observable({
        "reference": "2Z94",
        "car_id": "9861"
    });

}
$(document).ready(function () {
    ko.applyBindings(new ConfigViewModel());
});

cshtml文件:

HTML cshtml:

<table class="table table-hover">
                        table test:
                        <tbody data-bind="foreach: testParams(contents())">
                            <tr class="data-hover">
                                <td>
                                    <span id="textKey" data-bind="text: key"></span>

                                </td>
                                <td>
                                    <span id="textValue" data-bind="text: value"></span>

                                </td>
                            </tr>
                    </tbody>
                </table>

我前一个主题中的小提琴手的结果效果很好(FiddlerKnockout),但是它对于新结构的拆分并不起作用

0 个答案:

没有答案