Переглянути джерело

fix: disabled button be enabled after click submit button

wangweimin 4 роки тому
батько
коміт
891d87fff8
2 змінених файлів з 4 додано та 2 видалено
  1. 3 1
      webiojs/src/handlers/input.ts
  2. 1 1
      webiojs/src/models/input/actions.ts

+ 3 - 1
webiojs/src/handlers/input.ts

@@ -241,7 +241,9 @@ class FormController {
     };
 
     dispatch_ctrl_message(spec: any) {
-        this.element.find('button').prop("disabled", false);
+        // 恢复原本可点击的按钮
+        this.element.find('button:not([data-pywebio-disabled])').prop("disabled", false);
+        // 移除上传进度条
         this.element.find('.progress').remove();
 
         if (!(spec.target_name in this.name2input)) {

+ 1 - 1
webiojs/src/models/input/actions.ts

@@ -5,7 +5,7 @@ const buttons_tpl = `
 <div class="form-group">
     {{#label}}<label>{{label}}</label>  <br> {{/label}} 
     {{#buttons}}
-    <button type="{{btn_type}}" data-type="{{type}}" value="{{value}}" aria-describedby="{{name}}_help" {{#disabled}}disabled{{/disabled}} class="btn btn-primary">{{label}}</button>
+    <button type="{{btn_type}}" data-type="{{type}}" value="{{value}}" aria-describedby="{{name}}_help" {{#disabled}}disabled data-pywebio-disabled{{/disabled}} class="btn btn-primary">{{label}}</button>
     {{/buttons}}
     <div class="invalid-feedback">{{invalid_feedback}}</div>  <!-- input 添加 is-invalid 类 -->
     <div class="valid-feedback">{{valid_feedback}}</div> <!-- input 添加 is-valid 类 -->