jQuery EasyUI 중국어 API 레이아웃(탭)

2689 단어 jQueryEasyUITabs
탭[라벨]
tab 태그 사용 설명 에 사용 되 는 헤더 파일 만 들 기:easyui.css,icon.css,jquery-1.4.2.min.js,jquery.easyui.min.js html
 
<div id="tt" style="width:500px;height:250px;">
<div title="Tab1" style="padding:20px;display:none;">
tab1
</div>
<div title="Tab2" closable="true" style="overflow:auto;padding:20px;display:none;">
tab2
</div>
<div title="Tab3" icon="icon-reload" closable="true" style="padding:20px;display:none;">
tab3
</div>
</div>
JQuery 코드
 
//
$('#tt').tabs(options);

// tab
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});
탭 컨테이너 특성 설명
명칭.
유형
묘사 하 다.
기본 값
width
number
라벨 용기 너비
auto
height
number
라벨 용기 높이
auto
idSeed
number
탭 패 널 을 만 드 는 기본 id 일 것 입 니 다.
0
plain
boolean
true 설정,탭 표시 줄 배경 표시
false
fit
boolean
true 설정,부모 집합 용기 크기 적응
false
border
boolean
라벨 용기 테두리
true
scrollIncrement
number
탭 볼 륨 단추 가 눌 려 있 습 니 다.굴 러 가 는 픽 셀 입 니 다.
100
scrollDuration
number
스크롤 애니메이션 지속 밀리초
400
탭 컨테이너 이벤트 설명
명칭.
매개 변수
묘사 하 다.
onLoad
arguments
ajax 패 널 로드 완료 후 트리거,매개 변수 호출 은 jQuery.ajax 조정 기능 과 같 습 니 다.
onSelect
title
탭 패 널 선택
onClose
title
탭 패 널 닫 기
Tabs Container 방법 설명
명칭.
매개 변수
묘사 하 다.
resize
none
용기 의 배치 조정
add
options
새 탭 패 널 을 추가 하고 설정 대상 인 자 를 선택 하 십시오.탭 패 널 의 특성 설명 을 보십시오.
close
title
탭 패 널 을 닫 으 면 제목 매개 변수 가 표 시 된 패 널 이 닫 힙 니 다.
select
title
탭 패 널 선택
exists
title
특수 패 널 이 존재 함 을 표시 합 니 다.
탭 패 널 특성 설명
명칭.
유형
묘사 하 다.
기본 값
id
string
탭 패 널 id
null
title
string
탭 패 널 title
 
content
string
탭 패 널 의 content.
 
href
string
패 널 원 격 으로 데 이 터 를 불 러 오 는 주소 입 니 다.
null
cache
boolean
트 루,캐 시 탭 패 널 설정
true
icon
string
탭 패 널 제목 에 아이콘 css.
null
closable
boolean
트 루 를 설정 하면 제목 에 닫 기 단 추 를 표시 합 니 다.
false
selected
boolean
true 를 설정 합 니 다.탭 패 널 이 선택 되 었 습 니 다.[기본 값 은 앞 에 표 시 됩 니 다.]
false
width
number
탭 패 널 너비
auto
height
number
라벨 패 널 높이
auto
 
번역 이 억 지 스 럽 고 틀린 점도 있 을 거 라 고 생각 합 니 다.지적 해 주 셔 서 감사합니다.

좋은 웹페이지 즐겨찾기