how to send input text value or data one view to another view?

Question

could you please tell me how to send data from one view to another view .Actually I have one input field and button on my main screen .I want to send data of input text from one screen to another screen on button click .I want to send text of input field from one view to another view .I am able to move one screen to another on button click but I am not able to send input text on another screen

here is my code http://plnkr.co/edit/pz9NBhtq4fX0m6N4wDqB?p=preview

 events: {
         'click #click':'moveTonext'
        },

       moveTonext: function(){
          new Router().navigate('secondView', { trigger: true });
        },

Dethariel · Accepted Answer · 2015-10-08T08:55:55.117

0

In order to do that you need to instantiate your SecondView from the .moveToNext() function, and provide the necessary parameters:

// app.js
moveTonext: function(){
    new SecondView({ 
        model: new Backbone.Model({
            value: this.$("input").val()
        })
    });
},

You also need to update your second view to provide the model's attributes to the template:

// second.js
render: function(){
    this.$el.html(this.template(this.model.toJSON()));
},

And the template itself:

// second.html
<h1>Value from previous page: <%- value %></h1>

Here's an updated Plunker sample.

Edit

The same can be achieved using parameterized routes:

// router.js
routes: {
    'secondView(/:msg)': 'secondView'
},

secondView: function(msg) {
  new SecondView({ model: new Backbone.Model({ value: msg || '' }) });
}

// app.js
moveTonext: function() {
    new Router().navigate(
        'secondView/' + this.$('input').val(),
        { trigger: true }
    );
},

Here's a Plunker for this.

edited Oct 08 '15 at 08:55

answered Oct 07 '15 at 17:12

Dethariel

3,394
4
33
47

THANKS FOR ANSWER..!! CAN we pass value of input field on url ? and fetch the value from url – Shruti Oct 07 '15 at 17:15
mean on router can we define like this ":inputvalue" :"somefunction" and get value on second page – Shruti Oct 07 '15 at 17:17
Yes, you can. You can read about routing capabilities here: http://backbonejs.org/#Router – Dethariel Oct 07 '15 at 17:18
yes thanks can you please make one addition plunker how i will achieve this – Shruti Oct 07 '15 at 17:27
could you please make one plunker using router concept I will be thankful to you – Shruti Oct 07 '15 at 17:29
@Shruti, if that answer solves your problem, please, consider upvoting it or marking as answer. Or both – Dethariel Oct 14 '15 at 17:42

how to send input text value or data one view to another view?

1 Answers1

Edit