如何在BackboneJS中绑定view元素上的事件？

6qqygrtg 于 2022-11-10 发布在其他

关注(0)|答案(1)|浏览(153)

我正在尝试绑定div上的click事件（在 Backbone.js 视图中）
下面是我创建视图并为其设置事件的代码

dialogModel = new Dialog.SimpleWindowModel({
                title: 'export:export.dialog.title',
                data: {
                    message: 'export:export.dialog.message',
                    downloadPDF: 'export:export.dialog.downloadPDF',
                    shareByQRCode: 'export:export.dialog.shareByQRCode',
                    sendEmail: 'export:export.dialog.sendEmail',
                },
                bodyTemplate: exportTpl,
            });

dialogView = new Dialog.WindowView({ model: dialogModel });

dialogView.on('click .download-pdf', function () {console.log("ff");});
dialogView.on('click .share-qr-code', ExportAction.shareByQRCode);
dialogView.on('click .send-email', ExportAction.sendEmail);

这是视图样板：

<div class="export-button-container">
  <div class="btn export-button download-pdf">
      <img src="https://betanews.com/wp-content/uploads/2015/09/PDF.jpg"/>
      <p class='dialog-message' data-i18n>{{downloadPDF}}</p>
  </div>
  <div class="btn export-button share-qr-code">
      <img src="https://www.qrstuff.com/images/sample.png"/>
      <p class='dialog-message' data-i18n>{{shareByQRCode}}</p>
  </div>
  <div class="btn export-button send-email">
      <img src="https://d1hoh05jeo8jse.cloudfront.net/media/google/gmail-icon.jpg"/>
      <p class='dialog-message' data-i18n>{{sendEmail}}</p>
  </div>
</div>

我期望当我点击div class=“download-pdf”，console.log（“ff”）;会被处决但事实并非如此。
如何解决？谢谢

backbone.js

来源：https://stackoverflow.com/questions/47967516/how-to-bind-event-on-view-element-in-backbonejs

1条答案

按热度按时间

g52tjvyc1#

on方法仅适用于内部 Backbone.js 事件（例如add或remove），而不适用于***DOM***事件（例如click）。对于DOM事件，您必须使用View的events hash/方法，该方法可以在自定义视图类中指定，也可以作为选项传递给View构造函数。
对于视图类定义不清楚的代码，可以使用第二个选项（传递给构造函数）：

dialogView = new Dialog.WindowView({
    model: dialogModel,
    events: {
        'click .download-pdf': function () {console.log("ff");},
        'click .share-qr-code': ExportAction.shareByQRCode,
        'click .send-email': ExportAction.sendEmail
    }
});

赞(0）回复(0）举报 2022-11-10

我来回答

如何在BackboneJS中绑定view元素上的事件？

1条答案

相关问题

热门标签

最新问答