javascript - 如何使用 Backbone.js 处理嵌套 View ?

标签 javascript jquery view backbone.js

在我的应用程序中,我有一些tagList,每个标签列表都包含一些按index_name分组的标签

我不知道应该如何使用 Backbone View 来处理这个问题。

我有一个扩展Backbone.ViewTagListView,我想我会用这个 View 处理所有事件。

我的主要问题是:我应该创建一个带有渲染函数的 TagView 吗?该函数将为 TagListView 渲染函数中的每个标签创建和渲染?


这是我到目前为止所做的:(这对于初始化来说可以吗?!)

    <ul id="strategy-tags">
        <!-- initial data -->
        <script type="text/javascript">
            AppData.strategyTagList = $.parseJSON('<?php echo json_encode($strategyTagList); ?>');
            strategyTagListView = new App.TagListView({el : "#strategy-tags", data: AppData.strategyTagList});
        </script>
    </ul>

在我的core.js里面:

    App.TagListView = Backbone.View.extend({

        // dom event specific to this item.
        events: {
        },

        initialize: function(options) {
            this.el = options.el;
        },

        render: function() {
            // let's construct the tag list from input data
            _.each(options.data, function(index) {
                // render index? <-- how ?
                _.each(index, function(tag) {
                    // render tag? <-- how ?
                    console.log(tag);
                });
            });
            return this;
        }

    });

非常感谢。

最佳答案

我想说的是,单个“项目” View 能够单独重新渲染的好处是,如果您对此类项目背后的模型进行更改,则只有该项目需要由浏览器。哪个最有利于性能。

关于javascript - 如何使用 Backbone.js 处理嵌套 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6076068/

相关文章:

javascript - jquery .hover() 与 else if 语句

没有自定义 ListView 适配器的 Android 设置 ListView 单元格的元素

android - 获取焦点时在一个 View/ImageView 上实现 Android 缩放动画?

javascript - 下拉选择更改

javascript - div 全屏(宽度和高度)html/css?

sql - 允许查看 DML 的 Oracle 触发器

javascript - 闪存/AS3 : ExternalInterface. 调用() "Why u no console.log?"

javascript - Angular:带有 *ngClass 的条件类

javascript - 删除空 <p>,但每组仅允许一个

javascript - 为什么我的悬停效果和图像上升和下降的速度不同?