ExtJs 학습 노트 기초 편 Ext 구성 요소 사용 1/2 페이지
구성 요 소 는 크게 세 가지 로 나 눌 수 있 습 니 다.즉,기본 구성 요소,도구 모음 구성 요소,폼 요소 구성 요소 입 니 다. 기본 구성 요 소 는
이렇게 많은 구성 요소 가 있 는데 모두 매우 멋있다.구성 요 소 는 키워드 new 를 통 해 직접 만 들 수 있 습 니 다.예 를 들 어 지난 글 에서 말 한 Window 상자 var win=new Ext.Window()를 만 듭 니 다.이러한 생 성 방식 을 제외 하고 일반적으로 구조 함수 에 설정 속성 을 추가 하여 구성 요 소 를 초기 화 합 니 다.예 를 들 어 패 널 만 들 기:하나의 패 널"};var panel=new Ext.Panel(params); panel.render("panel"); }
키 코드:function panel(){var params={title:"Hello",width:300,height:200,html:"
패 널"};var panel=new Ext.Panel(params); panel.render("panel"); } params 는 Panle 을 설정 하 는 매개 변수 입 니 다.title:제목,width:너비,height:높이,html:패 널 에 표 시 된 내용 var panel=new Ext.Panel(params);이 코드 는 패 널 을 만 들 고 구조 함수 에 패 널 속성 을 설정 합 니 다.panel.render("panel"); 페이지 의 div 요소 id 를 표시 합 니 다.코드 는 간략하게 쓸 수 있 습 니 다.
var panel=new Ext.Panel({renderTo:"panel",title:"Hello",width:300,height:200,html:"<h1> </h1>"});
구성 요소 의 하위 요소 구성 요 소 는 로드 지연 방식 으로 컨트롤 을 만 드 는 것 을 지원 합 니 다.이 때 부모 용기 의 items 를 통 해 배열 방식 으로 직접 전달 할 수 있 습 니 다.function panel(){var params={title:"Hello",width:300,height:200,html:"하나의 판 넬",items:[new Ext.Panel({title:"Panel 1",height:100}),new Ext.Panel({title:"Panel 2",height:100})}};var panel=new Ext.Panel(params); panel.render("panel"); } 
구성 요소 가 서로 다른 효 과 를 나타 내 려 면 구조 함수 의 매개 변 수 를 통 해 설정 해 야 합 니 다. 구성 요소 가 Ext.Component 에서 계승 되 기 때문에 모든 구성 요 소 는 공 통 된 속성 이 있 을 수 있 습 니 다.다음 그림
1 2 다음 페이지 전문 을 읽다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
문자열 길이를 계산하고 중국어로 두 개를 계산합니다.
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
var panel=new Ext.Panel({renderTo:"panel",title:"Hello",width:300,height:200,html:"<h1> </h1>"});
1 2 다음 페이지 전문 을 읽다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
문자열 길이를 계산하고 중국어로 두 개를 계산합니다.텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
