Question

这是我所指的jsfiddle： http://jsfiddle.net/utdAm/212/

我只需要在我的网页中显示相同的表格。但它只显示html中的标题而不是用JavaScript处理的内容。

我的完整代码：

<!DOCTYPE HTML>
<html>
    <head>
 <script src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
    </head>
    <body>
<table>
    <tr>
        <th>Day</th>
        <th>M</th>
        <th>T</th>
        <th>W</th>
        <th>T</th>
        <th>F</th>
    </tr>
    <tbody data-bind="foreach: prayerData">
        <tr>
            <td data-bind="text: index"></td>  <!-- Display the current row -->
            <td data-bind="text: M"></td>
            <td data-bind="text: T"></td>
            <td data-bind="text: W"></td>
            <td data-bind="text: T"></td>
            <td data-bind="text: F"></td>
        </tr>
    </tbody>
</table>

<script>
var dataFromServer = {
    "Morn.": {
        "M": "M,1",
        "T": "T,1",
        "W": "W,1",
        "T": "T,1",
        "F": "F,1"
    },
    "Noon": {
        "M": "M,2",
        "T": "T,2",
        "W": "W,2",
        "T": "T,2",
        "F": "F,2"
    },
    "Even.": {
         "M": "M,3",
        "T": "T,3",
        "W": "W,3",
        "T": "T,3",
        "F": "F,3"
    },

};



var ViewModel = function(data) {

    //map data to an array
    var mappedToArray = [];
    $.each(data, function(index, item) {
        mappedToArray.push(item);
        item.index = index;
    });

    this.prayerData = ko.observableArray(mappedToArray);          
};

ko.applyBindings(new ViewModel(dataFromServer));
</script>


    </body>
</html>

结果是：

Answer 1

在jsfiddle中使用代码时，您还可以在左侧查找外部源代码。

 <script src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
 <script src="http://knockoutjs.com/downloads/knockout-2.0.0.js"></script>

表不是由多维数组形成的

1 个答案: