JQuery EasyUI Chinese API Layout (Tabs)

Tabs [label]

Create a tab

Instructions for use
Header file used: easyui.cssjavasicon.css, jquery-1.4.2.min.js, jquery. easyui. min. js

Html
Copy codeThe Code is as follows:
<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 code
Copy codeThe Code is as follows:
// Create a label container
$ ('# Tt'). tabs (options );

// Add a tab.
$ ('# Tt'). tabs ('add ',{
Title: 'New tab ',
Content: 'tab body ',
Closable: true
});

Tabs ContainerFeatures

Name Type Description Default Value Width Number Label container width Auto Height Number Label container height Auto IdSeed Number It should be the basic id for generating the tag panel 0 Plain Boolean Set true to display the background in the tab bar. False Fit Boolean Set true to adapt the container size of the parent set. False Border Boolean Label container border True ScrollIncrement Number The label volume button is pressed to scroll the pixel 100 ScrollDuration Number Scrolling animation lasts for milliseconds 400

Tabs ContainerEvent Description

Name	Parameters	Description
OnLoad	Arguments	Triggered after the ajax panel is loaded. The parameter call function is the same as that of jQuery. ajax.
OnSelect	Title	Tag panel selected
OnClose	Title	Disable tag panel trigger

Tabs ContainerMethod description

Name	Parameters	Description
Resize	None	Adjust the container Layout
Add	Options	Add a new tag panel and select a configuration object parameter to view the features of the tag panel.
Close	Title	Close a tag panel. The title parameter display panel is closed.
Select	Title	Select a tag panel
Exists	Title	Indicates that the display of the Special Panel exists.

Tab Panel features

Name	Type	Description	Default Value
Id	String	Tag panel id	Null
Title	String	Title of the label panel
Content	String	The content of the label panel.
Href	String	The address of the data that is remotely loaded to the Panel.	Null
Cache	Boolean	Set true to cache tag panel	True
Icon	String	The label panel title is marked with css.	Null
Closable	Boolean	Set true. A close button is displayed on the title.	False
Selected	Boolean	Set true. The tag panel is selected. The default one is displayed in front]	False
Width	Number	Label panel width	Auto
Height	Number	Label panel height	Auto

 

Some people think that the translation is too far-fetched and there must be something wrong. Thank you for pointing it out.