튜토리얼을 양식 작성 : 내장 된 구성 요소와 사용자 정의 구성 요소에 이벤트가 자습서 형태로 만들 추가 : 내장 된 구성 요소와 사용자 정의 구성 요소에 이벤트를 추가 : 기본 버튼 자습서를 양식을 작성 제출 제거

이 문서에서는 이벤트를 추가하기 위해 내장 된 구성 요소와 사용자 정의 구성 요소를 형성-만드는 방법을 설명합니다

폼 작성  동적 렌더링, 데이터 수집 및 검증을 생성 형태 빌더 기능을 제출할 수 JSON있다. 뷰 및 구성 요소의 생성을 지원합니다. 일반적으로 사용되는 형태의 구성 요소와 사용자 정의 구성 요소의 내장 된 17 종류의 결합, 더 복잡한 형태는 쉽게 얻을 수 있습니다.

당신을 도움이된다면, 당신이 할 수있는  GitHub의를  지원에 "스타"의 점에 감사합니다!

 

예를 들어,하는 i-input구성 요소 추가 on-change이벤트를

{ 
    형식 : "입력" , 
    필드 : '검사' , 
    제목 : "시험 ' , 
    값 : ' , 
    에 {
         '에 변화' 함수 () { 
            CONSOLE.LOG ( '값의发生变化' ); 
        } 
    } 
}

 

이벤트가 방출 바인딩로서

구성 요소 모델에서 만 지원

// 규칙 
[{ 
     형식 : "입력" , 
     필드 : '검사' , 
     제목 : "시험 ' , 
     값 : ' , 
     방출 : '온 - 변화' ] 
 }]

 

이벤트 이름${field}-${eventName}

< 폼 작성 : 룰 = "규칙" 시험에 변화 = "onChange가" >  </ 폼 작성 >

으로  emitPrefix 접두사 사용자 정의 이벤트

// 규칙 
[{ 
     형식 : "입력" , 
     필드 : '검사' , 
     제목 : "시험 ' , 
     값 : ' , 
     방출 : '의 변화" , 
     emitPrefix : 'xaboy를 ' , 
 }]

 

이벤트 이름${emitPrefix}-${eventName}

< 폼 작성 : 룰 = "규칙" xaboy 온 변화 = "onChange가" >  </ 폼 작성 >

 

행사에 주입 $f및 사용자 정의 매개 변수

// 규칙 
[{ 
     유형 : 'INPUT' , 
     필드 : '테스트' , 
     제목 : '테스트' , 
     값 : '' , 
     EMIT : [{ 
        이름 : '변경-ON' , 
        를 주입을 : [ '맞춤 매개 변수의 데이터 유형 모든 ' ] 
     }], 
     emitPrefix : 'xaboy ' , 
 }]

 

< 폼 작성 : 룰 = "규칙" xaboy 온 변화 = "onChange가" >  </ 폼 작성 >

 

이벤트에 주입 매개 변수 후, 이벤트는 추가 인수 할 것이다

// 주입되지 
{ 
    onchange를 : 함수 (발) { 

    } 
} 
// 주입 후 
{ 
    onchange를 : 함수 (주사하고, 발) { 

    } 
}

 

데이터 구조 파라미터를 주입

{ 
    $ F : 개체, // API의 
    규칙 : 배열, // 생성 규칙 
    옵션 : 개체, // 글로벌 구성 
    을 주사 :있는 Any, // 사용자 정의 주입 매개 변수 
}

 

주입 파라미터는 글로벌 아이템으로 구성 될 수있다 injectEvent:true개구

 

튜토리얼 시리즈를 양식 작성 :

자습서를 양식 작성 : 제출 '버튼을 기본 제거

튜토리얼을 양식 작성 : 내장 된 구성 요소와 사용자 정의 구성 요소에 이벤트를 추가

설명을 폼 작성 : 커스텀 레이아웃 라인 조립체 복수 달성