如何指定按钮元素的名称

Question

我想要一个名称为 'fire' 的按钮，但即使我指定了值，名称也没有显示，只是一个空按钮。请帮忙。

 var Tweets = Backbone.View.extend({
        tagName: 'button',
        id: 'tweets',
        className: 'btn btn-primary',
        value: 'fire',
        initialize: function() {
        },
        render: function() {     
            return this;
        }

Answer 1

使用视图的"attributes" 属性，它允许您指定名称+值对的散列。它们将作为属性包含在生成的 DOM 元素中（即您的 "button" ）。

将此添加到你的推文声明中：

...
attributes: { "name": "fire" },
...

这会使生成的按钮元素看起来像这样：

<button name="fire" id="tweets" class="btn btn-primary" value="fire"></button>

相关文档在这里：http://backbonejs.org/#View-attributes

但是请注意，当您询问如何指定 "name" 时，这可能不是您真正想要做的。如果您的目标是让按钮元素在按钮本身上显示文本 "fire"，则需要设置按钮标签的内容，而不是标签的某些属性。

按钮元素的相关文档在这里：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

为此，您需要更新渲染方法以手动设置生成的 "button" 元素的内容。像这样的东西应该适用于渲染方法：

render: function() {
    this.$el.text("fire");
    return this;
}

这应该会导致生成的按钮元素如下所示：

<button id="tweets" class="btn btn-primary" value="fire">fire</button>

如何指定按钮元素的名称

How do I specify the name of the button element

backbone.js

backbone-views