Как скрыть компонент как кнопку в Form.io - PullRequest
Новая
       8

Как скрыть компонент как кнопку в Form.io

0 голосов
/ 11 февраля 2019

Я борюсь с Formio, скрывающим компонент кнопки моей формы.Мне нужно скрыть кнопку отправки в моей форме.Пожалуйста помоги.Заранее спасибо

Единственное, что я думаю, должно работать, вы можете увидеть в моем коде.Я также попытался поместить его в мой renderOptions как массив.Пока ничего не получалось.

HTML: 

<div>   
    <formio 
        [form]="structuredForm" 
        [submission]='{"data":formSubmission }'
        [renderOptions]="formioRenderOptions"
        hide-components="['submit', 'submit5']"> 
    </formio> 
</div>

My formioRenderOption Нужно ли здесь устанавливать скрытые кнопки? 

this.formioRenderOptions = {
  noAlerts: true,
  language: this.translateService.currentLang.replace('_', '-')
  i18n: '',
  readOnly: true,
};

Мой файл Formio JSON с 2кнопки: 


        {
            "label": "save",
            "action": "event",
            "showValidations": false,
            "event": "saveDraftEvent",
            "theme": "primary",
            "shortcut": "",
            "disableOnInvalid": true,
            "mask": false,
            "tableView": true,
            "alwaysEnabled": false,
            "type": "button",
            "key": "submit4",
            "input": true,
            "conditional": {
                "show": "",
                "when": "",
                "json": ""
            },
            "customConditional": "",
            "properties": {},
            "tags": [],
            "logic": [],
            "defaultValue": true
        },
        {
            "label": "next",
            "action": "event",
            "showValidations": false,
            "event": "submitApplicationEvent",
            "theme": "primary",
            "shortcut": "",
            "disableOnInvalid": true,
            "mask": false,
            "tableView": true,
            "alwaysEnabled": false,
            "type": "button",
            "key": "submit5",
            "input": true,
            "conditional": {
                "show": "",
                "when": "",
                "json": ""
            },

В данный момент моя форма доступна только для чтения, однако кнопки все еще видны и не скрыты.

Ответы [ 2 ]

0 голосов
/ 06 мая 2019

Вы можете установить скрытое свойство true, как уже здесь ответили!Или, если вы хотите установить свойство скрытым после загрузки формы в любое определенное время, вы можете сделать это 

controller: ['$scope', '$rootScope', function ($scope, $rootScope) {
         $scope.component.type='hidden';

    }],

, и это изменит тип атрибута на

поле формытип-скрытый

0 голосов
/ 15 февраля 2019

Вы можете установить скрытое свойство компонента, которое не хотите показывать как истинное. 

"hidden": true

Если вы хотите показать или скрыть компонент условно на основе значения других компонентов взатем в форме вы можете использовать условное свойство компонента объекта. 

"conditional": {
    "show": "",
    "when": "",
    "json": ""
},

Здесь свойство show будет содержать либо true, либо false, когда свойство property будет содержать условие иСвойство json будет содержать любой другой код проверки json.

Надеюсь, это решит вашу проблему.

...