Basic usage of base (base) in Easyui

Usage of base (base) in Easyui

First, base (base)

1. Parser Parser

2, Easyloader simple loading

3, draggable drag

4. Droppable Placement

5, resizable adjustment size

6, pagination pagination

7. SearchBox Search Box

8. ProgressBar progress bar

9. ToolTip Prompt Box

Steps:

1. Import the files required to support Easyui

Using the plugins inside the Easyui, first introduce easyui.css, ICON.CSS, Jquery.easyui.min.js, and Jquery.min.js

2. Create a drag element (with Easyui tags)

Property:

Handle: Handle, enter the following object to move the element

The effect is as follows:

The layer where the text is located is movable

3. Create a drop zone

Property:

Accept: Determine which draggable elements will be accepted

As follows:

4. Create a resizable form

Property:

MaxWidth: Setting the maximum adjustable width

MaxHeight: Setting a maximum adjustable height

Width: initial width

Height: the initial height

As follows:

The element that is located is resizable (that is, width and height)

5. Create a paging control

Property:

Total: Number of records

PageSize: Size of page

As follows:

6. Create a query box

Property:

Searcher: Enter or click the Search button to invoke the method

Prompt: The search box prompts for information

Menu: Selectable Search Type Menus

Selected: True when selected by default

Iconcls: the icon displayed

As follows:

7. Create a progress bar control

Property:

Value: The value of progress bar progress

As follows:

8. Create a prompt box control

Property:

HREF: the path to jump

Title: Information to prompt

Trackmouse: True to allow the prompt box to move with the mouse

As follows:

Basic usage of base (base) in Easyui