如何在formio中使用向导重命名按钮?

时间:2017-08-15 11:40:48

标签: angular wizard formio

我正在使用带有Angular 2的formio来渲染我已构建的自定义表单。问题是,当您使用向导按钮Next创建表单时,会自动添加Previous。项目应该在德国本地化,按钮名称也应该是德语。

有没有办法重命名/本地化按钮标题? (同样的问题是日期部分:月份是英文)

1 个答案:

答案 0 :(得分:0)

您可以使用Formio转换(请参见https://github.com/formio/formio.js/wiki/Translations),也可以仅禁用向导按钮(https://github.com/formio/formio.js/wiki/Form-Renderer#options),然后创建自己的向导按钮,从而触发导航事件。

您可以这样:

var options = {
  language: 'en',
  i18n: {
    en: {
      cancel: 'Abort',
      previous: 'Back',
      next: 'Forward',
      submit: 'Execute'
    }
  }
};

Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/wizard', options).then((instance) => {
  instance.language = options.language;
});

示例:https://jsfiddle.net/airarrazaval/e6pz2tcs/