0

我对此感到非常困惑，需要帮助。（无关：“现在大约需要 36 个小时才能完成某件事，而这最后一部分让我发疯了”）

我的代码

 <body>
<div id="mycontainer" style="margin: 20px; ">
</div>

<script type="text/template" id="Myelement_template">
    <% _.each( results, function( item, i ){ %>
            <div id="Myelement" style="width: 200px; height:325px; padding: 10px; background-color: #2980b9;">
                <div id="image" style="width: 190px; height: 200px; margin: auto; background-color: #f1c40f;">
                    <img src="<%= item.get('category').url %>" style="max-width: 90%;margin-top: 10px;">
                </div>
                <div id="type" style="float:left;width: 90px; height: 25px; margin-left: 5px;margin-top: 5px;background-color: #f1c40f;">
                    <%= item.get("category").type %>
                </div>
                <div id="name" style="float:left;width: 90px; height: 25px; margin-left: 10px; margin-top: 5px;background-color: #f1c40f;">
                    <%= item.get("category").name %>
                </div>
            </div>                    
        <% }); %>
</script>

<script type="text/javascript">

 $(document).ready(function() {

CategoryModel = Backbone.Model.extend({
    defaults: {
        url: '',
        type: '',
        name: ''
    }
});

MyListModal = Backbone.Model.extend({
    url: 'myrestapi',
    defaults: {
        category: CategoryModel
    }
});

MyElementView = Backbone.View.extend({
      initialize: function() {
        _.bindAll(this, 'render'); // bind 'this' in 'render'
        this.model = new MyListModal();
        this.model.bind('change', this.render);
        this.model.fetch(this.render);
     },
    el: $("#mycontainer"),
    render: function(){
        console.log(this.model.get("category"));
    }
});

 var myModelView = new MyElementView();
});
 </script>

问题

我的 rest api 将返回许多 BaseModel 对象。所有这些都需要渲染。我怎么做？

  1. console.log(this.model.get("category")); - 代码到达这里。不打印。调试显示进行了 rest api 调用并返回了 cata
  2. 如何渲染所有返回的元素？

REST API 返回的示例数据

[
{
    "category": {
        "id": 1,
        "name": "name1",
        "type": "mytype1",
        "url": "myurl1"
    },
    "user": {
        "id": 153
    },
    "status": 1
},
{
    "category": {
        "id": 1,
        "name": "name2",
        "type": "type2",
        "url": "url2"
    },
    "user": {
        "id": 153
    },
    "status": 1
},
]
4

0 回答 0