Wie man text im Feld Wert in ember.js

habe ich angefangen zu arbeiten ember.js nur einen Tag vor.
ich weiß nicht, wie man Werte im Textfeld bei der übermittlung. ich habe versucht, wie diese

dies ist html -

    <script type="text/x-handlebars" data-template-name="index">
    <div >
     <p>{{view Ember.TextField valueBinding="fname"}}</p>
    </div>
    <div>
    <p>{{view Ember.TextField valueBinding="lname"}}</p>
    </div>
    <button {{action save}}>submit</button>
    </script>

dies ist mein ember.js Datei

          App = Ember.Application.create();
          App.IndexController = Ember.ObjectController.extend({

           save:function()
           {
              var fname=this.get('fname');
              var lname=this.get('lname');
              alert(fname+','+lname);


           }
          });

immer wenn ich bin klicken auf submit-button, ich bin immer undefined " im alert.so, wie man Wert? ich hoffe, jemand wird mir helfen für weiter in ember.js

Ich antwortete, eine sehr, sehr ähnliche Frage wie gestern. Vielleicht könntest du es dir ansehen: stackoverflow.com/questions/18309544/...

InformationsquelleAutor silvesterprabu | 2013-08-20

  1. 10

    in js, wie dies

    App.WebFormController = Ember.Controller.extend({
    fname: null,
    lname: null,
    save: function () {
        var fname = this.get('fname');
        var lname = this.get('lname');
        alert(fname + ',' + lname);
    }
});

    ohne die Notwendigkeit, ein Modell

    in der Vorlage wie diese 

    <script type="text/x-handlebars" data-template-name="web_form">
    <form {{action save on="submit"}}>
        <div >
            <p>{{input type="text" valueBinding="fname"}}</p>
        </div>
        <div>
            <p>{{input type="text" valueBinding="lname"}}</p>
        </div>
        <button>submit</button>
    </form>
</script>
    Hervorragende Antwort, vielen Dank. Für diejenigen, die über diese Frage jetzt neuere Versionen von Ember (zumindest ab v 1.10+) verwenden, 'value' anstelle von 'valueBinding'. Etwa so: {{input type="text" value=fname}} (Hinweis fehlen von Anführungszeichen fname).

    InformationsquelleAutor Rissa

  2. 3

    Dein problem ist, dass die form nicht ein Modell haben. Sie können es mit model oder setupController Haken.

    App.IndexRoute = Ember.Route.extend({
  model: function() {
    return {};
  },
  //or
  setupController: function(controller) {
    controller.set('model', {});
  }
});

    Zusätzlich einige Tipps:

    Verwenden Sie die action name on="submit" in der form, statt action name im submit-button. So können Sie die Aktion auszuführen, wenn der Benutzer die enter-Taste drücken, im Eingang.

    Und die input type="text" Helfer ist eine Abkürzung für view Ember.TextField

    <script type="text/x-handlebars" data-template-name="index">
    <form {{action save on="submit"}}>
        <div >
            <p>{{input type="text" valueBinding="fname"}}</p>
        </div>
        <div>
            <p>{{input type="text" valueBinding="lname"}}</p>
        </div>
        <button>submit</button>
    <form>
</script>

    Hier eine live-demo

    InformationsquelleAutor Marcio Junior

  3. 2

    Wirklich schönes tutorial von mavilein.

    Können wir tun um die controller-Ebene auch.

    App.IndexController = Ember.ObjectController.extend({
        content:function(){
           return {fname:null,lname:null}
           }.property(),
       save:function()
       {
          var fname=this.get('fname');
          var lname=this.get('lname');
          alert(fname+','+lname);


       }
});

    Oder wir können es tun,

    App.IndexController = Ember.ObjectController.extend({
       fname:null,
       lname:null,
       save:function()
       {
          var fname=this.get('fname');
          var lname=this.get('lname');
          alert(fname+','+lname);


       }
      });

    InformationsquelleAutor seenivasan

  4. 1

    Code unten ist für mich arbeiten:

    cshtml: Im script-tag angeben, data-template-name="text"

       <script type="text/x-handlebars" data-template-name="text">
   {{view Ember.TextField value=view.message}}
   {{view Ember.TextField value=view.specy}}
   {{textarea value=view.desc id="catdesc" valueBinding="categor" cols="20" rows="6"}}

   <button type="submit" {{action "submit" target=view}}>Done</button>
   </script>

    app.js:

    App.TextView = Ember.View.extend({
templateName: 'text',
message:'',
specy: '',
desc:'',
actions: {
    submit: function (event) {
        var value = this.get('specy');
        var spc = this.get('message');
        var de = this.get('desc');
    }
}
});

    InformationsquelleAutor veera

Schreibe einen Kommentar