Listener method not defined

Question

I'm a little new to Polymer and don't quite get what's happening here. I'm trying to create a simple form page. This is the code:

<dom-module id="sams-add-student">
  <template >
    <div class="vertical-section">
      <paper-button on-click="addstudent">SUBMIT</paper-button>
    </div>
  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'sams-add-student',

        properties: {
          item: {
            type: Object
          },
          addstudent: function (event) {
            console.log('addstudent');
          }
        }

      });
    })();
  </script>

</dom-module>

However, I get an error that the listener method is not defined. Am I missing something?

score 1 · Accepted Answer · answered May 08 '17 at 17:58

You've incorrectly declared the addstudent method inside properties when it should actually be outside properties at the top-level of the object.

Polymer({
  is: 'sams-add-student',

  properties: {
  //  addstudent: function() {...} // DON'T DO THIS HERE
  },

  addstudent: function() {...} // DO THIS HERE
}

codepen

score 1 · Answer 2 · edited Aug 16 '17 at 18:00

1

If it is a paper input, you could use something like :

this.$.IDofyourelement.value;

edited Aug 16 '17 at 18:00

Martin Evans

45,791
17
81
97

answered Aug 16 '17 at 17:25

akshay bhoendie

273
3
10

Listener method not defined

2 Answers2