Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Detailed explanation of React component Dragact 0.1.4

Detailed explanation of React component Dragact 0.1.4

小云云
Release： 2018-02-23 13:15:47
Original
1985 people have browsed it

Dragact is a React component that allows you to easily and quickly build a powerful drag-and-drop grid layout.

Warehouse address: Dragact

After several days of iteration, Dragact has been able to support the free scaling function (resize)

Without further ado, let’s take a look at the demo

New feature 1: Free resizing

Detailed explanation of React component Dragact 0.1.4

Freely scalable layout

New feature 2: getLayout gets the current layout information

In the live demo, I am new Added a fourth demo

Detailed explanation of React component Dragact 0.1.4

Detailed explanation of React component Dragact 0.1.4

##After clicking, you can see a layout , this layout has storage capabilities, that is, when you refresh the browser, its layout effect will not disappear, whether it is position or image size.

Next version

In the next version, I will support it

  • Responsive

  • Freely switch drag and zoom

  • Can also be operated on mobile phones

Warehouse address: Dragact

Preview: live Demo

Thank you for your support.

Related recommendations:

React drag sorting component Dragact detailed explanation

The above is the detailed content of Detailed explanation of React component Dragact 0.1.4. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
react
source：php.cn
Previous article：Node.JS builds a simple version of json service Next article：Detailed explanation of React component life cycle
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
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2316
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2454
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
2068
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1954
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
2022
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template