Summary: jQuery EasyUI Chinese API-Resizable, Menu

I have sorted out two more and shared them with you.

 

Resizable resize)

 

I believe that those who have read the official JQuery IU will certainly know the usage of Resizable. In fact, EasyUI is also very easy to use. It can be said that it is the same principle.

 

HTML code

1. <DivId = "rr" style = "width: 100px; height: 100px; border: 1px solid # ccc ;"> </Div>

 

JQuery code

1. $ ('# Rr'). resizable (options );

 

Event Description

Name	Parameters	Description
OnStartResize	E	Scaling triggered
OnResize	E	Triggered During Scaling
OnStopResize	E	Scaling end trigger

 

Features

Name	Type	Description	Default Value
Disabled	Boolean	The object cannot be scaled. "false" indicates that the object can be scaled.	False
Handles	String	Zoom direction. The default value is southeast and northwest.	N, e, s, w, ne, se, sw, nw, all
MinWidth	Number	Min width Scaling	10
MinHeight	Number	Min zoom height	10
MaxWidth	Number	Zoom max width	10000
MaxHeight	Number	Zooming max height	10000
Edge	Number	Border of the scaled edge	5

 

 

View official demo documents

 

 

 Menu]

A menu can contain many menu items and can display sub-menus.
You can also right-click the display text menu.

Instructions for use

HTML code

1. <DivId = "mm" style = "width: 120px ;">
2. <Div>New</Div>
3. <Div>
4. <Span>Open</Span>
5. <DivStyle = "width: 150px ;">
6. <Div> <B>Word</B> </div>
7. <Div>Excel</Div>
8. <Div>PowerPoint</Div>
9. </Div>
10. </Div>
11. <DivIcon = "icon-save">Save</Div>
12. <DivClass = "menu-sep"> </Div>
13. <Div>Exit</Div>
14. </Div>

 

JQuery creates a menu
 

1. $ ('# Mm'). menu (options );

 

Menu Positioning

1. $ ('# Mm'). menu ('show ',{
2. Left: 200,
3. Maximum: 100
4. });

 

Event Description

Name Parameters Description OnShow None Triggered when the menu is displayed OnHide None Triggered after menu hiding

 

Method description

Name Parameters Description Show Pos A menu is displayed at a specified position. Pos has two characteristic parameters. Left: Specifies the left position. Top: Specifies the top position.   Hide None Hide menu

 

Features

Name Type Description Default Value ZIndex Number When adding a sub-menu, the z-index style of the menu 110000 Left Number Menu left position. 0 Top Number Menu top position. 0 Href String When you click a menu item, you can display a different webpage link in the current browser window. Null

 

View official demo documents