UI对表单的操控

对表单的操控

// 表单
            

                
                    
                    
                
            


// 清空
this.$['frm-main'].resetMyForm();

// 获取表单的所有值， 注意：只读的字段获取不到
const reqData = this.$['frm-main'].serializeMyForm();

// 给表单中的值，复制为 ''
this.$['frm-main'].querySelector('[name="sub_area"]').value = '';

// 获取表单中，某个字段的值
let inspectResult = this.$['mesh-info'].$$('[name=inspect_result]').value;

// 将表单中的编码，设置为不能编辑
this.$['frm-main'].$$('[name=name]').disabled = true;
// 回复能编辑
this.$['frm-main'].$$('[name=name]').disabled = false;

// 隐藏
this.$['mesh-info'].$$('[name=scrap_reason]').hidden = true;

// 必填
this.$['mesh-info'].$$('[name=scrap_class]').required = true;

// 查询表单
this.$['frm-main'].submitMyForm();

2、单选框触发事件（表单中数据改变了，就会触发，但对选择框无效）

on-change="_onChange"

选择框变动使用事件 ：  on-things-resource-selector-open-dialog 

3、直接获取表单数据，只读字段是获取不到的，可以从 resource 中获取

resource="{{formData}}"

      
      


const meshData = this.$['mesh-info'].serializeMyForm();
meshData.name = this.formData.name;
meshData.inspect_time = this.formData.inspect_time;

4、表单非空验证

//非空参数验证
            _checkCondition: function (formData) {
                let formFields = this.resourceFormFields;
                for (const item of formFields) {
                    if(item.userData && item.userData.required) {
                        let fieldName = item.name;
                        if(item.userData.submitName) {
                            fieldName = item.userData.submitName;
                        }
                        if (!formData[fieldName]) {
                            this.showErrorMsg('CMN_require_data_is_empty', { key: item.label });
                            return false;
                        }
                    }
                }
                return true;
            },