EasyUI 탭 레이아웃

1830 단어
tab1
tab2
tab3

새 레이블 속성을 추가합니다.tabs('add') 방법↓
function A(){
			$('#tt').tabs('add',{
			    title:'New Tab',
			    content:'Tab Body',
			    closable:true,
			    tools:[{
					iconCls:'icon-mini-refresh',
					handler:function(){
						alert('refresh');
					}
			    }]
			});
		}

도구막대 추가↓
function D(){
			$('#tt').tabs({
				tools:[{
					iconCls: 'icon-add',
					handler: function(){
						alert("add");
					}
				},{
					iconCls: 'icon-save',
					handler: function(){
						alert("save");
					}
				}]
			});
		}

도구막대 추가 (기존 DOM 용기를 통해 추가하는 것) 는 id 속성을 인용하여 div 탭에 고정된 도구막대 속성을 설정하여 전체적인 div 탭을 입력하는 것입니다
다른 도구 모음의 위치: toolPosition: left 이렇게 코드를 설정합니다.
// DOM 
		function E(){
			$('#tt').tabs({
				toolPosition: 'left',  // 
				tools:'#tab-tools'
			});
		}

tabs의 속성을 업데이트하려면 업데이트 속성 방법을 사용하십시오.
function C(){
			var pp = $('#tt').tabs('getSelected');
			/* var tab = pp.panel('options').tab; 
			tab.title= "sss"; */
			$('#tt').tabs('update', {
				tab : pp,  // pp 
				options:{
					title : 'NEW title',
					content: "ssssss"
				}
			});
		}

기타 공식 문서 보기

좋은 웹페이지 즐겨찾기