Three issues with Polymer cuba-service-form reset/validation

chesslover · December 18, 2017, 5:11am

Hello,

I’m using cuba-service-form and there are three issues I’m experiencing:

It seems like it does not have a reset() function? I get a “not a function” error when I call this.$.form.reset().

https://cuba-elements.github.io/cuba-elements/components/cuba-form/#cuba-service-form

The serviceParams property, which is in a two-way bind with paper-inputs, does not reset when you go to another route/URL. This is unlike cuba-login, where the form inputs always get reset when you navigate away to another route.
Could you provide an example how to best perform validation on submit?

Thanks!

minaev · December 26, 2017, 10:41am

Hi,

There is no reset method by design. It’s not clear what should this method do, could you share your thoughts on this.

I’ve prepared example with reset and simple validation for you:

github.com

cuba-labs/polymer-data-samples/blob/master/modules/polymer-client/src/pld-service-form.html

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/cuba-form/cuba-service-form.html">

<dom-module id="pld-service-form">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
    <p>Send Email using CUBA EmailService:</p>
    <cuba-service-form id="serviceForm" service-name="cuba_EmailService" method="sendEmailAsync" params="[[emailParams]]">
      <input placeholder="E-mail address"
             type="text"
             name="email"
             value="{{emailParams.emailInfo.addresses::input}}">
      <input placeholder="Caption"
             type="text"
             name="caption"
             value="{{emailParams.emailInfo.caption::input}}">

This file has been truncated. show original

You can clone the project and run it using Studio.

chesslover · December 26, 2017, 1:20pm

Hi Vlad,

I have already solved it using iron-form which has a reset() method, while for the submit I used this.app.invokeService. But your example is also an alternative.

Thanks.