Home > Web Front-end > JS Tutorial > body text

jQuery EasyUI Tutorial-Resizable (Resize)

黄舟
Release: 2016-12-27 16:30:42
Original
1670 people have browsed it

jQuery-Resizable (resize) component is one of the basic components of EasyUI. Resizing means that elements can be dragged and resized. This component does not depend on other components. It is relatively simple to use and has related properties and event methods. This article will introduce it to you next.

Use $.fn.resizable.defaults to override the default value object.

Use case:

Adjust the size of the window through two methods: label and Javascript.

1. Use labels to create variable-size windows.

<div id=”rr” class=”easyui-resizable” data-options=”maxWidth:800,maxHeight:600″ 
style=”width:100px;height:100px;border:1px solid #ccc;”></div>
Copy after login

2. Use Javascript to create a variable-size window.

<div id=”rr” style=”width:100px;height:100px;border:1px solid #ccc;”></div>
Copy after login
$(‘#rr’).resizable({
maxWidth:800,
maxHeight:600
});
Copy after login

Properties:

jQuery EasyUI Tutorial-Resizable (Resize)

Event:

jQuery EasyUI Tutorial-Resizable (Resize)

Method:

jQuery EasyUI Tutorial-Resizable (Resize)

The above is the content of the jQuery EasyUI tutorial-Resizable (resize). For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template