javascript - 单击按钮后如何清除backbone.js 中的文本字段？

Question

我的输入位于 HTML 文件中，我的按钮位于 js 文件中。我是这里的初学者，请教我。我仍然对backbone.js感到困惑

 var ListView = Backbone.View.extend({
    el: $('body'),
    events: {
        'click button#add': 'addItem'

    },
    initialize: function () {
        _.bindAll(this, 'render', 'addItem', 'appendItem');

        this.collection = new List();
        this.collection.bind('add', this.appendItem);

        this.counter = 0;
        this.render();
    },

    render: function () {
        $(this.el).append("<button id='add' class='btn btn-primary clear'>Add Items</button>");
        $(this.el).append("<ul class='ul_adjust'></ul>");
        _(this.collection.model).each(function (item) {
            appendItem(item);
        }, this);
    },

    addItem: function () {

        var item = new Item();
        item.set({
            part1: $("#name").val()
        });

        this.collection.add(item);
    },
    appendItem: function (item) {
        var itemView = new ItemView({
            model: item
        });

        $('ul', this.el).append(itemView.render().el);
    },


});

你收到了吗？我删除了一些不必要的内容，但我认为这将被插入到这里的某个地方。

Answer 1

您的事件已设置，以便当您单击#add按钮时，它会调用addItem函数。因此，您只需要在同一函数中清除文本框#name。

我会简单地做:

$("#name").val("");

在 addItem 函数的末尾，在 this.collection.add(item); 之后，因此只有当您不再需要该值时才会清除该值。