CN106610830A - Method and device for dragging and dropping page elements - Google Patents
Method and device for dragging and dropping page elements Download PDFInfo
- Publication number
- CN106610830A CN106610830A CN201510703478.5A CN201510703478A CN106610830A CN 106610830 A CN106610830 A CN 106610830A CN 201510703478 A CN201510703478 A CN 201510703478A CN 106610830 A CN106610830 A CN 106610830A
- Authority
- CN
- China
- Prior art keywords
- page elements
- drag
- drop
- dragged
- dropped
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The invention discloses a method and device for dragging and dropping page elements, and relates to the technical field of information. The problem of low secondary dragging and dropping efficiency of page elements is solved. The main technical scheme of the invention is as follows: when a page element dragging and dropping instruction is received, duplicating a dragged and dropped page element through a preset performance function, wherein the page element dragging and dropping instruction carries the dragged and dropped page element, and the duplicated page element has no correlation with the dragged and dropped page element; configuring the duplicated page element as a page element allowing to be dragged and dropped; and adding the duplicated page element allowing to be dragged and dropped to an interface that can be dragged and dropped. The method and device disclosed by the invention is mainly used for dragging and dropping the page elements.
Description
Technical field
The present invention relates to areas of information technology, more particularly to a kind of drag and drop method and device of page elements.
Background technology
JQuery UI are the JavaScript web user interface codes of increasing income based on jQuery
Storehouse, the visible controls comprising underlying user interaction, animation, special efficacy and replaceable theme, by jQuery
The weblication that UI can have fine interactivity with direct construction, jQuery UI are broadly divided into 3
Individual part, respectively interactive portion, widget part and effect banks part.Wherein, interactive portion is one
A bit with the content of mouse intercorrelation, the unit for choosing (is made by the draggable functions in interactive portion
Element can be by mouse drag) and droppable functions (allowing the element of mouse drag, to be dragged and dropped into certain right
As in) two interactive actions, it is possible to achieve page elements drag-and -drop function.
At present, the drag-and -drop function in the interactive portion that jQuery UI are provided is just for original page in the page
The drag and drop of surface element, if the page elements drag and drop again to drag and drop, now drag and drop are not
The page elements of Jing drag and drop, still original page elements being dragged and dropped of drag and drop element, therefore it is existing
The drag and drop accuracy rate of page elements is low.
The content of the invention
In view of the above problems, it is proposed that the present invention, the problems referred to above or at least are overcome to provide one kind
The drag and drop method and device of the page elements for partly solving the above problems.
To reach above-mentioned purpose, present invention generally provides following technical scheme：
On the one hand, a kind of drag and drop method of page elements is embodiments provided, the method includes：
When page elements drag and drop instruction is received, the page being dragged and dropped is replicated by preparatory function function
Element, in the page elements drag and drop instruction page elements being dragged and dropped, the duplication are carried
Page elements and the page elements being dragged and dropped between onrelevant；
The page elements of the duplication are configured to allow for into trailing page elements；
The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.
On the other hand, the embodiment of the present invention additionally provides a kind of drag and drop device of page elements, the device
Including：
Copied cells, it is multiple by preparatory function function for when page elements drag and drop instruction is received
The page elements that system is dragged and dropped, in the page elements drag and drop instruction page being dragged and dropped is carried
Element, onrelevant between the page elements of the duplication and the page elements being dragged and dropped；
Dispensing unit, for the page elements of the duplication to be configured to allow for into trailing page elements；
Adding device, for by the trailing page elements of the permission for replicating be added to can drag and drop interface
In.
By above-mentioned technical proposal, technical scheme provided in an embodiment of the present invention at least has following advantages：
The drag and drop method and device of a kind of page elements provided in an embodiment of the present invention, when receiving the page
When element drag and drop are instructed, the page elements being dragged and dropped, the page unit are replicated by preparatory function function
Carry the page elements being dragged and dropped in plain drag and drop instruction, page elements of the duplication and described
Onrelevant between the page elements being dragged and dropped；The page elements of the duplication are configured to allow for dragged
Page elements；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.With
At present the drag-and -drop function by providing in jQuery UI can only carry out drag and drop phase to original page elements
Than the embodiment of the present invention is replicated when page elements drag and drop instruction is received by preparatory function function
Then the page elements of duplication are configured to allow for trailing page elements by the page elements being dragged and dropped,
Finally may be copied to allow trailing page elements to be added to can be in the interface of drag and drop.Due to the present invention
In be added to can be in drag-and-drop interface page elements be duplication to being dragged and dropped page elements, and after replicating
Page elements and the page elements that are dragged and dropped between onrelevant, therefore pair can be in drag-and-drop interface the page
When element carries out secondary drag and drop, original page elements being dragged and dropped can't be affected, so as to improve page
The accuracy rate of the secondary drag and drop of surface element.
Description of the drawings
By the detailed description for reading hereafter preferred embodiment, various other advantage and benefit for
Those of ordinary skill in the art will be clear from understanding.Accompanying drawing is only used for illustrating the mesh of preferred embodiment
, and it is not considered as limitation of the present invention.And in whole accompanying drawing, with identical with reference to symbol
Number represent identical part.In the accompanying drawings：
Fig. 1 is a kind of drag and drop method flow diagram of page elements provided in an embodiment of the present invention；
Fig. 2 is the drag and drop method flow diagram of another kind of page elements provided in an embodiment of the present invention；
Fig. 3 is a kind of composition frame chart of the drag and drop device of page elements provided in an embodiment of the present invention；
Fig. 4 is the composition frame chart of the drag and drop device of another kind of page elements provided in an embodiment of the present invention.
Specific embodiment
The exemplary embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing in accompanying drawing
The exemplary embodiment of the disclosure is shown, it being understood, however, that may be realized in various forms the disclosure
And should not be limited by embodiments set forth here.On the contrary, there is provided these embodiments are able to more
Thoroughly understand the disclosure, and can be by the complete technology for conveying to this area of the scope of the present disclosure
Personnel.
To make the advantage of technical solution of the present invention clearer, with reference to the accompanying drawings and examples to this
It is bright to elaborate.
A kind of drag and drop method of page elements is embodiments provided, as shown in figure 1, the side
Method includes：
S101, when receive page elements drag and drop instruct when, by preparatory function function replicate be dragged and dropped
Page elements.
Wherein, onrelevant between the page elements of the duplication and the page elements being dragged and dropped, it is multiple
Between the page elements of system and the page elements being dragged and dropped onrelevant refer to duplication page elements and
The page elements being dragged and dropped do not have subordinate relation, the page elements of duplication and original page being dragged and dropped
It is separate individuality between surface element, carrying out operation to the page for replicating can't affect to be dragged and dropped
Page elements.The page elements be specifically as follows show the page in word, picture, audio frequency,
The elements such as animation, video, order button, the embodiment of the present invention is not specifically limited.
In embodiments of the present invention, when certain page elements during user is to showing the page are pulled,
System then can be received to be taken in the middle of page elements drag and drop instruction, and the page elements drag and drop instruction for receiving
With the page elements being dragged and dropped, the page unit being then dragged and dropped according to preparatory function function is replicated
Element.Wherein, preparatory function function is used to realize replicating the page elements being dragged and dropped, the preparatory function
Function specifically can be by the way that the corresponding help configuration parameters of draggable functions in jQuery UI be set
Clone is set to, ui.draggable.clone methods are then called in droppable functions, realize replicating
The page elements being dragged and dropped.
S102, the page elements of the duplication are configured to allow for into trailing page elements.
Wherein, it is allowed to which trailing page elements refer to the element that can be moved by mouse drag.
In the embodiment of the present invention, the draggable functions in jQuery UI can be passed through by the page being replicated
Element arrangements are into the trailing page elements of permission.
S103, being added to the trailing page elements of permission for replicating can be in the interface of drag and drop.
Wherein, it is described can the interface of drag and drop be the interface that can add or insert page elements, it is described to drag
The interface put is specifically as follows element editing interface.In embodiments of the present invention, it is first when the page is received
When plain drag and drop are instructed, the page elements being dragged and dropped are replicated by preparatory function function, then by duplication
Page elements are configured to allow for trailing page elements, finally may be copied to allow the trailing page
Element is added to can be in the interface of drag and drop, it is achieved thereby that the drag and drop of page elements.In the present invention,
Because the page elements of drag and drop are to be dragged and dropped the duplication of page elements, and it is dragged and dropped into page elements and is dragged
Onrelevant between the page elements put, therefore when carrying out drag-and-drop operation again to the element of drag and drop not
Can affect by original page elements being dragged and dropped, so as to improve the accurate of the secondary drag and drop of page elements
Property.
A kind of drag and drop method of page elements provided in an embodiment of the present invention, drags when page elements are received
When putting instruction, the page elements being dragged and dropped, the page elements drag and drop are replicated by preparatory function function
Carry the page elements being dragged and dropped in instruction, the page elements of the duplication and described be dragged and dropped
Page elements between onrelevant；The page elements of the duplication are configured to allow for into the trailing page
Element；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.It is logical with current
Crossing the drag-and -drop function provided in jQuery UI can only carry out drag and drop and compare to original page elements, this
Bright embodiment replicates what is be dragged and dropped when page elements drag and drop instruction is received by preparatory function function
Then the page elements of duplication are configured to allow for trailing page elements by page elements, finally will
Copying to that the trailing page elements of permission are added to can be in the interface of drag and drop.Due to adding in the present invention
To can be in drag-and-drop interface page elements be duplication to being dragged and dropped page elements, and the page after replicating
Onrelevant between element and the page elements that are dragged and dropped, therefore page elements that pair can be in drag-and-drop interface enter
During the secondary drag and drop of row, original page elements being dragged and dropped can't be affected, so as to improve page elements
The accuracy rate of secondary drag and drop.
The drag and drop method of another kind of page elements is embodiments provided, as shown in Fig. 2 described
Method includes：
S201, by the draggable functions of jQuery UI, the help in the page elements is joined
Number is set to clone.
Wherein, the draggable functions are used for alloing the element chosen by mouse drag, described
The page elements that clone parameters are used to represent drag and drop are the duplications of the page elements being dragged and dropped.
S202, when receive page elements drag and drop instruct when, by preparatory function function replicate be dragged and dropped
Page elements.
Wherein, onrelevant between the page elements of the duplication and the page elements being dragged and dropped, it is multiple
Between the page elements of system and the page elements being dragged and dropped onrelevant refer to duplication page elements and
The page elements being dragged and dropped do not have subordinate relation, the page elements of duplication and original page being dragged and dropped
It is separate individuality between surface element, carrying out operation to the page for replicating can't affect to be dragged and dropped
Page elements.The page elements be specifically as follows show the page in word, picture, audio frequency,
The elements such as animation, video, order button, the embodiment of the present invention is not specifically limited.
In embodiments of the present invention, when certain page elements during user is to showing the page are pulled,
Can receive page elements drag and drop instruction, and receive page elements drag and drop instruction in the middle of carry by
The page elements of drag and drop, the page elements being then dragged and dropped according to preparatory function function is replicated.Its
In, preparatory function function is used to realize replicating the page elements being dragged and dropped.
It is described that the page elements bag being dragged and dropped is replicated by preparatory function function for the embodiment of the present invention
Include：Obtain the event parameters and ui parameters in jQuery UI；According to event parameters and described
Ui parameters, call the page elements being dragged and dropped described in the duplication of ui.draggable.clone functions.Wherein, event
Parameter represents the state of event, such as the element of triggering event objects, the position of mouse and state, press
Key etc., event objects are only just effective during event occurs, the ui parameters representation page unit
Element.In embodiments of the present invention, replicating the page elements that are dragged and dropped specifically can be by by jQuery UI
In the corresponding help configuration parameters of draggable functions be set to clone, when receiving page elements
When drag and drop are instructed, the event parameters and ui parameters of the page elements being dragged and dropped, Ran Hou are obtained first
Ui.draggable.clone methods are called to realize replicating the page elements being dragged and dropped in droppable functions.
S203, the page elements of the duplication are configured to allow for into trailing page elements.
Wherein, it is allowed to which trailing page elements refer to the element that can be moved by mouse drag.
In the embodiment of the present invention, for the embodiment of the present invention, the page elements by after the duplication are configured
Include into trailing page elements are allowed：According to the draggable power functions, by the duplication
Page elements afterwards are configured to allow for trailing page elements.
S204, being added to the trailing page elements of permission for replicating can be in the interface of drag and drop.
Wherein, it is described can the interface of drag and drop be the interface that can add or insert page elements, it is described to drag
The interface put is specifically as follows element editing interface.In embodiments of the present invention, it is first when the page is received
When plain drag and drop are instructed, the page elements being dragged and dropped are replicated by preparatory function function, then by duplication
Page elements are configured to allow for trailing page elements, finally may be copied to allow the trailing page
Element is added to can be in the interface of drag and drop, it is achieved thereby that the drag and drop of page elements.In the present invention,
Because the page elements of drag and drop are to be dragged and dropped the duplication of page elements, and it is dragged and dropped into page elements and is dragged
Onrelevant between the page elements put, therefore when carrying out drag-and-drop operation again to the element of drag and drop not
Can affect by original page elements being dragged and dropped, so as to improve the accurate of the secondary drag and drop of page elements
Property.
For the embodiment of the present invention, the trailing page elements of the permission by duplication are added to and can drag
The interface put includes：According to droppable power functions, by the trailing page unit of the permission for replicating
Element is added to can be in the interface of drag and drop.In embodiments of the present invention, when user presses mousebutton by length
Pull page elements to move to behind the position specified, unclamping mousebutton can then trigger droppable functions
Function, obtains first event parameters and ui parameters, then according to institute in droppable power functions
Event parameters and the ui parameters are stated, calls ui.draggable.clone functions to realize replicating described being dragged
The page elements put, then the page elements of duplication are configured to allow for into trailing page elements, finally
The trailing page elements of permission for replicating are added to can be in the interface of drag and drop, it is achieved thereby that the page
The drag and drop of element.
For the embodiment of the present invention, methods described also includes：By the draggable power functions and
Scope parameter settings in droppable power function configuration parameters are into identical value.Wherein, it is described
Scope parameters represent page elements can drag and drop scope.In embodiments of the present invention, will be described
Scope parameter settings in draggable power functions and droppable power function configuration parameters are into phase
Same value, it is possible to achieve the scope that specified page element is moved and placed, such as in draggable functions
The dragging scope that function arranges page elements A is interface A, by page in droppable power functions
The placing range that surface element A is arranged is interface A, then when carrying out drag and drop to page elements A, page unit
Plain A only can be moved in the middle of interface A and placed.
For the embodiment of the present invention, adaptable scene is as follows, but is not limited only to this, including：
The drag and drop instruction of page elements A is received, wherein page elements A is the page elements that can be replicated, page
Then what surface element A was configured can be replicated with moving range as display interface B by preparatory function function
Page elements A, then to replicate page elements A be configured to allow for trailing page elements, finally
The trailing page elements A of the permission of duplication is added in the middle of display interface B, it is achieved thereby that right
The drag-and-drop operation of page elements A.In the present invention, because the page elements of drag and drop are to be dragged and dropped the page
The duplication of element, and onrelevant between page elements and the page elements that are dragged and dropped is dragged and dropped into, therefore it is right
The element of drag and drop carries out again to affect during drag-and-drop operation by original page unit being dragged and dropped
Element, so as to improve the accuracy of the secondary drag and drop of page elements.
The drag and drop method of another kind of page elements provided in an embodiment of the present invention, when receiving page elements
When drag and drop are instructed, the page elements being dragged and dropped are replicated by preparatory function function, the page elements are dragged
Put and carry in instruction the page elements being dragged and dropped, the page elements of the duplication and described dragged
Onrelevant between the page elements put；The page elements of the duplication are configured to allow for into trailing page
Surface element；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.With it is current
Drag and drop can only be carried out by the drag-and -drop function provided in jQuery UI to original page elements to compare, this
Inventive embodiments are replicated by preparatory function function and are dragged and dropped when page elements drag and drop instruction is received
Page elements, then the page elements of duplication are configured to allow for into trailing page elements, finally
May be copied to allow trailing page elements to be added to can be in the interface of drag and drop.Due to adding in the present invention
Be added to can be in drag-and-drop interface page elements be duplication to being dragged and dropped page elements, and the page after replicating
Onrelevant between surface element and the page elements that are dragged and dropped, thus pair can be in drag-and-drop interface page elements
When carrying out secondary drag and drop, original page elements being dragged and dropped can't be affected, so as to improve page unit
The accuracy rate of the secondary drag and drop of element.
Further, the embodiment of the present invention provides a kind of drag and drop device of page elements, as shown in figure 3,
Described device includes：Copied cells 31, dispensing unit 32, adding device 33.
Copied cells 31, by preparatory function function the page elements being dragged and dropped, the page unit are replicated
Carry the page elements being dragged and dropped in plain drag and drop instruction, page elements of the duplication and described
Onrelevant between the page elements being dragged and dropped.
Dispensing unit 32, for the page elements of the duplication to be configured to allow for into trailing page unit
Element.
Adding device 33, for by the trailing page elements of the permission for replicating be added to can drag and drop boundary
In face.
It should be noted that involved by a kind of drag and drop device of page elements provided in an embodiment of the present invention
Other corresponding descriptions of each functional unit, may be referred to the correspondence description of method shown in Fig. 1, and here is not
Repeat again, it should be understood that the device in the present embodiment can be corresponded to realizing in preceding method embodiment
Full content.
A kind of drag and drop device of page elements provided in an embodiment of the present invention, drags when page elements are received
When putting instruction, the page elements being dragged and dropped, the page elements drag and drop are replicated by preparatory function function
Carry the page elements being dragged and dropped in instruction, the page elements of the duplication and described be dragged and dropped
Page elements between onrelevant；The page elements of the duplication are configured to allow for into the trailing page
Element；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.It is logical with current
Crossing the drag-and -drop function provided in jQuery UI can only carry out drag and drop and compare to original page elements, this
Bright embodiment replicates what is be dragged and dropped when page elements drag and drop instruction is received by preparatory function function
Then the page elements of duplication are configured to allow for trailing page elements by page elements, finally will
Copying to that the trailing page elements of permission are added to can be in the interface of drag and drop.Due to adding in the present invention
To can be in drag-and-drop interface page elements be duplication to being dragged and dropped page elements, and the page after replicating
Onrelevant between element and the page elements that are dragged and dropped, therefore page elements that pair can be in drag-and-drop interface enter
During the secondary drag and drop of row, original page elements being dragged and dropped can't be affected, so as to improve page elements
The accuracy rate of secondary drag and drop.
Further, the embodiment of the present invention provides the drag and drop device of another kind of page elements, such as Fig. 4 institutes
Show, described device includes：Copied cells 41, dispensing unit 42, adding device 43.
Copied cells 41, by preparatory function function the page elements being dragged and dropped, the page unit are replicated
Carry the page elements being dragged and dropped in plain drag and drop instruction, page elements of the duplication and described
Onrelevant between the page elements being dragged and dropped.
Dispensing unit 42, for the page elements of the duplication to be configured to allow for into trailing page unit
Element.
Adding device 43, for by the trailing page elements of the permission for replicating be added to can drag and drop boundary
In face.
Further, described device also includes：
Setting unit 44, for by the draggable functions of jQuery UI, by the page elements
In help parameters be set to clone, the clone parameters are used to represent that the page elements of drag and drop to be
The duplication of the page elements being dragged and dropped.
The copied cells 41 includes：
Acquisition module 411, for obtaining jQuery UI in event parameters and ui parameters.
Replication module 412, for according to the event parameters and the ui parameters, calling
The page elements being dragged and dropped described in the duplication of ui.draggable.clone functions.
The dispensing unit 42, specifically for according to the draggable power functions, by the duplication
Page elements afterwards are configured to allow for trailing page elements.
The adding device 43, specifically for according to droppable power functions, the permission quilt that will be replicated
The page elements of dragging are added to can be in the interface of drag and drop.
The setting unit, is additionally operable to the draggable power functions and droppable function letters
Scope parameter settings in number configuration parameter are into identical value.
It should be noted that involved by the drag and drop device of another kind of page elements provided in an embodiment of the present invention
And other corresponding descriptions of each functional unit, may be referred to the correspondence description of method shown in Fig. 2, here
Repeat no more, it should be understood that the device in the present embodiment can be corresponded to realizes preceding method embodiment
In full content.
The drag and drop device of another kind of page elements provided in an embodiment of the present invention, when receiving page elements
When drag and drop are instructed, the page elements being dragged and dropped are replicated by preparatory function function, the page elements are dragged
Put and carry in instruction the page elements being dragged and dropped, the page elements of the duplication and described dragged
Onrelevant between the page elements put；The page elements of the duplication are configured to allow for into trailing page
Surface element；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.With it is current
Drag and drop can only be carried out by the drag-and -drop function provided in jQuery UI to original page elements to compare, this
Inventive embodiments are replicated by preparatory function function and are dragged and dropped when page elements drag and drop instruction is received
Page elements, then the page elements of duplication are configured to allow for into trailing page elements, finally
May be copied to allow trailing page elements to be added to can be in the interface of drag and drop.Due to adding in the present invention
Be added to can be in drag-and-drop interface page elements be duplication to being dragged and dropped page elements, and the page after replicating
Onrelevant between surface element and the page elements that are dragged and dropped, thus pair can be in drag-and-drop interface page elements
When carrying out secondary drag and drop, original page elements being dragged and dropped can't be affected, so as to improve page unit
The accuracy rate of the secondary drag and drop of element.
The drag and drop device of the page elements includes processor and memory, above-mentioned copied cells, configuration
Unit, adding device, setting unit etc. are stored in memory, by processor as program unit
Perform storage said procedure unit in memory to realize corresponding function.
Kernel is included in processor, is gone in memory to transfer corresponding program unit by kernel.Kernel can
To arrange one or more, by adjusting kernel parameter the accuracy rate of page elements drag and drop is improved.
Memory potentially includes the volatile memory in computer-readable medium, random access memory
The form such as device (RAM) and/or Nonvolatile memory, such as read-only storage (ROM) or flash memory (flash
RAM), memory includes at least one storage chip.
Present invention also provides a kind of computer program, when performing on data processing equipment,
It is adapted for carrying out initializing the program code of there are as below methods step：Instruct when page elements drag and drop are received
When, the page elements being dragged and dropped, the page elements and original of the duplication are replicated by preparatory function function
There is the page elements onrelevant being dragged and dropped；The page elements of the duplication are configured to allow for trailing
Page elements；The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.
Those skilled in the art it should be appreciated that embodiments herein can be provided as method, system,
Or computer program.Therefore, the application can be implemented using complete hardware embodiment, complete software
Example or with reference to the form of the embodiment in terms of software and hardware.And, the application can be adopted at one
Or it is multiple wherein include computer usable program code computer-usable storage medium (including but not
Be limited to magnetic disc store, CD-ROM, optical memory etc.) on the computer program implemented
Form.
The application is with reference to the method according to the embodiment of the present application, equipment (system) and computer program
The flow chart and/or block diagram of product is describing.It should be understood that can be realized flowing by computer program instructions
In each flow process and/or square frame and flow chart and/or block diagram in journey figure and/or block diagram
Flow process and/or square frame combination.Can provide these computer program instructions to all-purpose computer, specially
With the processor of computer, Embedded Processor or other programmable data processing devices producing one
Machine so that produced by the instruction of computer or the computing device of other programmable data processing devices
It is raw to be used to realize in one flow process of flow chart or one square frame of multiple flow processs and/or block diagram or multiple sides
The device of the function of specifying in frame.
These computer program instructions may be alternatively stored in can guide computer or other programmable datas to process
In the computer-readable memory that equipment works in a specific way so that be stored in the computer-readable and deposit
Instruction in reservoir is produced and includes the manufacture of command device, and command device realization is in flow chart one
The function of specifying in flow process or one square frame of multiple flow processs and/or block diagram or multiple square frames.
These computer program instructions can also be loaded into computer or other programmable data processing devices
On so that series of operation steps is performed on computer or other programmable devices to produce computer
The process of realization, so as to the instruction performed on computer or other programmable devices is provided for realizing
Specify in one flow process of flow chart or one square frame of multiple flow processs and/or block diagram or multiple square frames
The step of function.
In a typical configuration, computing device include one or more processors (CPU), input/
Output interface, network interface and internal memory.
Memory potentially includes the volatile memory in computer-readable medium, random access memory
The form such as device (RAM) and/or Nonvolatile memory, such as read-only storage (ROM) or flash memory (flash
RAM).Memory is the example of computer-readable medium.
Computer-readable medium includes that permanent and non-permanent, removable and non-removable media can be with
Information Store is realized by any method or technique.Information can be computer-readable instruction, data knot
Structure, the module of program or other data.The example of the storage medium of computer includes, but are not limited to phase
Become internal memory (PRAM), static RAM (SRAM), dynamic random access memory
(DRAM), other kinds of random access memory (RAM), read-only storage (ROM), electricity can
Erasable programmable read-only memory (EPROM) (EEPROM), fast flash memory bank or other memory techniques, read-only light
Disk read-only storage (CD-ROM), digital versatile disc (DVD) or other optical storages, magnetic
Cassette tape, the storage of tape magnetic rigid disk or other magnetic storage apparatus or any other non-transmission medium,
Can be used to store the information that can be accessed by a computing device.Define according to herein, computer-readable
Medium does not include temporary computer readable media (transitory media), the such as data-signal and load of modulation
Ripple.
Embodiments herein is these are only, the application is not limited to.For this area skill
For art personnel, the application can have various modifications and variations.It is all spirit herein and principle it
Interior made any modification, equivalent substitution and improvements etc., should be included in claims hereof model
Within enclosing.
Claims (10)
1. a kind of drag and drop method of page elements, it is characterised in that include：
When page elements drag and drop instruction is received, the page being dragged and dropped is replicated by preparatory function function
Element, in the page elements drag and drop instruction page elements being dragged and dropped, the duplication are carried
Page elements and the page elements being dragged and dropped between onrelevant；
The page elements of the duplication are configured to allow for into trailing page elements；
The trailing page elements of permission for replicating are added to can be in the interface of drag and drop.
2. the drag and drop method of page elements according to claim 1, it is characterised in that described logical
Cross preparatory function function to replicate before the page elements being dragged and dropped, methods described also includes：
By the draggable functions of jQuery UI, by the help parameter settings in the page elements
For clone, the page elements that the clone parameters are used to represent drag and drop are the page units being dragged and dropped
The duplication of element.
3. the drag and drop method of page elements according to claim 2, it is characterised in that described logical
Crossing preparatory function function and replicating the page elements that are dragged and dropped includes：
Obtain the event parameters and ui parameters in jQuery UI；
According to the event parameters and the ui parameters, ui.draggable.clone functions are called to replicate institute
State the page elements being dragged and dropped.
4. the drag and drop method of page elements according to claim 3, it is characterised in that it is described will
Page elements after the duplication are configured to allow for trailing page elements to be included：
According to the draggable power functions, by the page elements after the duplication be configured to allow for by
The page elements of dragging.
5. the drag and drop method of page elements according to claim 4, it is characterised in that it is described will
The trailing page elements of permission of duplication be added to can the interface of drag and drop include：
According to droppable power functions, the trailing page elements of the permission of duplication are added to and can be dragged
In the interface put.
6. according to the drag and drop method of arbitrary described page elements in claim 1-5, it is characterised in that
Methods described also includes：
By the scope in the draggable power functions and droppable power function configuration parameters
Parameter setting is into identical value.
7. the drag and drop device of a kind of page elements, it is characterised in that include：
Copied cells, it is multiple by preparatory function function for when page elements drag and drop instruction is received
The page elements that system is dragged and dropped, in the page elements drag and drop instruction page being dragged and dropped is carried
Element, onrelevant between the page elements of the duplication and the page elements being dragged and dropped；
Dispensing unit, for the page elements of the duplication to be configured to allow for into trailing page elements；
Adding device, for by the trailing page elements of the permission for replicating be added to can drag and drop interface
In.
8. the drag and drop device of page elements according to claim 7, it is characterised in that the dress
Putting also includes：
Setting unit, for by the draggable functions of jQuery UI, by the page elements
In help parameters be set to clone, the page elements that the clone parameters are used to represent drag and drop are institutes
State the duplication of the page elements being dragged and dropped.
9. the drag and drop device of page elements according to claim 8, it is characterised in that described multiple
Unit processed includes：
Acquisition module, for obtaining jQuery UI in event parameters and ui parameters；
Replication module, for according to the event parameters and the ui parameters, calling
The page elements being dragged and dropped described in the duplication of ui.draggable.clone functions.
10. the drag and drop device of page elements according to claim 9, it is characterised in that
The dispensing unit, specifically for according to the draggable power functions, after the duplication
Page elements be configured to allow for trailing page elements.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510703478.5A CN106610830B (en) | 2015-10-26 | 2015-10-26 | Page element drag-and-drop method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510703478.5A CN106610830B (en) | 2015-10-26 | 2015-10-26 | Page element drag-and-drop method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106610830A true CN106610830A (en) | 2017-05-03 |
| CN106610830B CN106610830B (en) | 2020-04-03 |
Family
ID=58613892
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510703478.5A Active CN106610830B (en) | 2015-10-26 | 2015-10-26 | Page element drag-and-drop method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106610830B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108897471A (en) * | 2018-06-25 | 2018-11-27 | 万翼科技有限公司 | Task of arranging an order according to class and grade setting method, device and computer readable storage medium |
| CN110457633A (en) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | A method of generating target pages |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090228820A1 (en) * | 2008-03-07 | 2009-09-10 | Samsung Electronics Co. Ltd. | User interface method and apparatus for mobile terminal having touchscreen |
| CN102722324A (en) * | 2012-05-24 | 2012-10-10 | 中兴通讯股份有限公司 | Method and device for operating touch screen |
| US20130262982A1 (en) * | 2012-03-28 | 2013-10-03 | International Business Machines Corporation | Quick access panel for displayng a web page on a mobile device |
| CN103902580A (en) * | 2012-12-28 | 2014-07-02 | 腾讯科技（深圳）有限公司 | Method and device for dragging multiple elements in webpage |
-
2015
- 2015-10-26 CN CN201510703478.5A patent/CN106610830B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090228820A1 (en) * | 2008-03-07 | 2009-09-10 | Samsung Electronics Co. Ltd. | User interface method and apparatus for mobile terminal having touchscreen |
| US20130262982A1 (en) * | 2012-03-28 | 2013-10-03 | International Business Machines Corporation | Quick access panel for displayng a web page on a mobile device |
| CN102722324A (en) * | 2012-05-24 | 2012-10-10 | 中兴通讯股份有限公司 | Method and device for operating touch screen |
| CN103902580A (en) * | 2012-12-28 | 2014-07-02 | 腾讯科技（深圳）有限公司 | Method and device for dragging multiple elements in webpage |
Non-Patent Citations (2)
| Title |
|---|
| 匿名: "JQuery UI的拖曳功能实现方法小结", 《HTTPS://WWW.JB51.NET/ARTICLE/29890.HTM》 * |
| 絮飘: "jquery.ui.draggable使用", 《HTTPS://BLOG.CSDN.NET/COMEONJ/ARTICLE/DETAILS/18364865》 * |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108897471A (en) * | 2018-06-25 | 2018-11-27 | 万翼科技有限公司 | Task of arranging an order according to class and grade setting method, device and computer readable storage medium |
| CN110457633A (en) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | A method of generating target pages |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106610830B (en) | 2020-04-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110058856A (en) | Page configuration method and device | |
| CN104244024B (en) | Video cover generation method and device and terminal | |
| CN104380380B (en) | Video editing method and digital device therefor | |
| KR102208183B1 (en) | Method and apparatus for realizing color tween animation | |
| TW201600980A (en) | Manage event on calendar with timeline | |
| CN107656914A (en) | Form generation method, device, terminal device and the storage medium of configurableization | |
| US11899919B2 (en) | Media presentation effects | |
| CN107153528A (en) | The method and apparatus that mixed model list items are reused | |
| CN107015958A (en) | Report form generation method and device | |
| CN104267996A (en) | Image resource processing method, device and terminal | |
| CN105653284A (en) | Method and device for generating scene file of android platform | |
| CN104793945A (en) | Large-batch picture displaying method for preventing memory overflow and device thereof | |
| CN105204859A (en) | Animation management method and system | |
| CN105573595A (en) | Information display method and device | |
| CN103207918A (en) | Method, system and device for managing animation effect of presentation files | |
| CN106445418A (en) | Method and device for self-adaptingread-write services in solid state disk | |
| CN106610830A (en) | Method and device for dragging and dropping page elements | |
| CN104268097B (en) | A kind of metadata processing method and system | |
| CN107294835A (en) | Document sending method and device in a kind of instant messaging | |
| CN109426439A (en) | The method and device of dilatation is carried out to distributed memory system | |
| CN104615422A (en) | Procedure customizing method for application software interface | |
| WO2017092438A1 (en) | Method and device for processing a file | |
| CN107678863A (en) | The page assembly means of communication and device | |
| CN105975265A (en) | Device based on improved MVP mode | |
| CN105184641A (en) | Interactive processing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Address after: 100083 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing Applicant after: Beijing Guoshuang Technology Co.,Ltd. Address before: 100086 Cuigong Hotel, 76 Zhichun Road, Shuangyushu District, Haidian District, Beijing Applicant before: Beijing Guoshuang Technology Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |