Question

我目前正在使用适用于WordPress的“ NinjaForms”插件，该插件可为后端提供自定义表单管理。它基于Marionette / Backbone JS。经过一些研究，我在输入更改和表单提交时触发JavaScript函数没有问题。但是，一旦表单被初始化/呈现/显示（实际上是其中任何一个），我还没有找到一种方法来捕获事件。

我现在正在做的是初始化Marionette对象，将侦听器添加到广播中，然后添加函数以在事件上执行它：

if(typeof Marionette !== 'undefined') {
    var mySubmitController = Marionette.Object.extend( {
        initialize: function() {
            // init listener
            this.listenTo( Backbone.Radio.channel( 'forms' ), 'view:show', this.initAction);
            // field change listener
            this.listenTo( Backbone.Radio.channel( 'fields' ), 'change:modelValue', this.valueChanged);
            // submit listener
            this.listenTo( Backbone.Radio.channel( 'forms' ), 'submit:response', this.actionSubmit );
        },

        // init action
        initAction: function() {
            console.log("init");
        },

        // input update action
        valueChanged: function(model) {
            console.log("update");
        },

        // submit action
        actionSubmit: function( response ) {
            // handled via php

            console.log("submit");
        },
    });

    // initialise listening controller for ninja form
    new mySubmitController();
}

但是，行this.listenTo( Backbone.Radio.channel( 'forms' ), 'view:show', this.initAction);无效。我尝试了事件view:render，view:show，show:view，render:view，但没有成功。

我搜索了Backbone / Marionette文档，但找不到合适的事件。这个问题可能是重复的，但是我真的找不到与Backbone有关表单初始化事件的任何话题。

Answer 1

经过长时间的搜索，谷歌搜索和沮丧后，我找到了解决方案。使用以下JavaScript代码，您可以在表单渲染器上执行代码：

// if there is a ninja form on this page
if(typeof Marionette !== 'undefined') {
    var mySubmitController = Marionette.Object.extend( {
        initialize: function() {
            // init listener
            this.listenTo( nfRadio.channel( 'form' ), 'render:view', this.initAction );
        },

        // init action
        initAction: function() {
            // code to execute on form render
        },
    });

    // initialise listening controller for ninja form
    new mySubmitController();
}

Ninja Forms上的表单准备/初始化事件-主干/木偶

1 个答案: