ExtJS 확장: 세로 탭패널
2397 단어 ExtJS
[img]/upload/attachment/117415/219b1e83-a13b-3d49-b0f1-79047fd68353.gif[/img]
이 구성 요소는 두 가지 사용 방식이 있는데, 하나는 확장 방식이고, 다른 하나는 복사 방식이다.이 중 첫 번째 방법은 첨부 파일의 TabPanel을 도입해야 합니다.js 및 ext-patch.css, 동시에 두 개의 그림을 ext-patch에 놓아야 합니다.css와 디렉터리에서 구성 요소를 만들 때 Ext.ux를 만들어야 합니다.TabPanel;
예:
aa = new Ext.ux.TabPanel({
tabPosition: 'left',
autoScroll: true,
deferredRender: false,
activeTab: 0,
enableTabScroll: true,
applyTo: 'aaa',
items: [
bb = new Ext.Panel({layout:'fit',
title:' ',
iconCls:'aaa',
closable: true,
html: ' '
}),cc = new Ext.Panel({layout:"fit",
title:" ",
closable: true,
html: ' '
})]
});
두 번째 방법은 첨부 파일의 TabPanel2를 도입하는 것입니다.js 및 ext-patch.css, 동시에 두 개의 그림을 ext-patch에 놓아야 합니다.css와 같은 디렉터리에서 구성 요소를 만들 때 Ext.TabPanel을 만들어야 합니다.
예:
aa = new Ext.TabPanel({
tabPosition: 'left',
autoScroll: true,
deferredRender: false,
activeTab: 0,
enableTabScroll: true,
applyTo: 'aaa',
items: [
bb = new Ext.Panel({layout:'fit',
title:' ',
iconCls:'aaa',
closable: true,
html: ' '
}),cc = new Ext.Panel({layout:"fit",
title:" ",
closable: true,
html: ' '
})]
});
두 가지 사용 방식은 효과가 같고tabPosition 속성은 top/right/bottom/left를 동시에 지원합니다.
첨부 파일 설명:
TabPanel.js Ext.TabPanel 확장
TabPanel2.js 복사 Ext.TabPanel의 관련 방법
ext-patch.css 본문 구성 요소에 사용되는 css
*.gif가 enableScroll 속성을 설정할 때 필요한 두 개의 스크롤 단추 그림
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
PHP로 만든 오픈 소스 CMS "Pimcore"설치Pimcore는 Zend Framework와 Ext JS 등으로 만들어진 오픈 소스 CMS입니다. 고기능 너무 코피가 나오게 되기 때문에 주의. 아래에서 공식 데모 사이트에 로그인할 수 있습니다. 해외 사이트 때문인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.