Publish the jQueryEasyUI Chinese API-Layout (Tabs) Summary. For more information, see. 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
The Code is as follows:
Tab1
Tab2
Tab3
JQuery code
The 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.