EXT 도구 모음
1718 단어 ext
클래스 표현도구 모음에 버튼, 텍스트, 구분자 등의 내용을 저장할 수 있습니다.패널 대상에 많은 실용적인 도구가 내장되어 있다
패널의 tools 설정 옵션을 통해 패널 머리에 미리 정의된 도구 모음 옵션을 직접 추가할 수 있습니다.예컨대 아래의
코드:
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"hello",
width:300,
height:200,
html:'<h1>Hello,easyjf open source!</h1>',
tools:[
{id:"save"},
{id:"help",handler:function(){Ext.Msg.alert('help','please help me!');}},
{id:"close"}],
tbar:[{pressed:true,text:' '}]
});
});패널 구조 함수에 tools 속성의 값을 설정하여 패널 머리에 세 개의 도구막대를 표시합니다.
옵션 단추는 각각'save','help','close'3가지를 저장합니다.
help 단추를 누르면handler의 함수를 실행합니다. 팝업 대화상자를 표시하고, 다른 단추를 누르면
그들의 heanlder를 정의하지 않았기 때문에 어떤 행동이 발생할 수 있습니다.
패널 헤더에 정의된 도구 모음 선택 단추를 추가하는 것 외에 맨 위나 밑에 있는 도구 모음
에 다양한 도구 모음 옵션이 추가됩니다.이러한 도구 모음 옵션에는 버튼, 텍스트, 공백, 채우기 막대, 구분자 등이 포함됩니다.
코드:
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"hello",
width:300,
height:200,
html:'<h1>Hello,easyjf open source!</h1>',
tbar:[new Ext.Toolbar.TextItem(' :'),
{xtype:"tbfill"},
{pressed:true,text:' '},
{xtype:"tbseparator"},
{pressed:true,text:' '}
]
});
});Ext의 도구 모음 항목에는 다음과 같은 클래스가 주로 포함됩니다.
Ext.Toolbar.Button - 버튼, xtype은 tbbutton
TextItem－
Ext.Toolbar.Fill－
Separator－
Spacer－
SplitButton－
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ExtJS 3.2 학습 노트(3) 사용자 정의 이벤트Extjs에서 모든 상속은 Ext.util에서 합니다.Observable 클래스의 컨트롤은 이벤트를 지원할 수 있습니다. 클래스에 대해 이벤트를 사용자 정의하려면 다음 절차를 따르십시오. 1, 먼저 클래스를 정의합니...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
