javascript - Logic behind drag and drop -


I am thinking "how it works" and "how should be designed and implemented" basic drag and amp ; Drop functionality

I have not implemented such functionality yet I am planning to do this for one of my projects and I have some ideas on how to implement it. I wanted to make sure that I am on the right track and that there is something for you to talk about something about people ...

We think that I have 5 elements Are listed and caught by a database; 

  & lt; Div id = "1" & gt; This is the content for 1 & lt; / Div & gt; & Lt; Div id = "2" & gt; This is the content for 2 & lt; / Div & gt; & Lt; Div id = "3" & gt; This is the content for 3 & lt; / Div & gt; & Lt; Div id = "4" & gt; This is the content for 4 & lt; / Div & gt; & Lt; Div id = "5" & gt; This is the content for 5 & lt; / Div & gt;

Since it has been drawn away from a database, we know that there is a field called "order" or "order" to order, which we are going to output. Let's also think that the "sequence" column is similar to the value divs ID: hence why: 1,2,3,4 and 5 respectively

My questions and thoughts;

If I pull div 4 and leave it between 1 and 2; What are the steps from there? Example:

1) Determine the ID of the div that is being pulled (we call it div-a )

2) ID Determination div is being inserted (and before) in this case after div-a and hence div id 1 (we call it div-b ) <

Set in the current order everything is confused ... what do i count all divs and whose un Abstract divs, I can update the DB that as? Or am I completely wrong and is there any other way?

Thanks for the answer, but I know that there are plugins and other stuff to do this, but I'm interested in the part of the argument in it. .

I believe that jquery gives you a way to catch their order based on ID?

The way I am doing this, every time an action takes place, grab the existing order, send it back to your app via AJAX. Then my app only tells about the things they were given and updated the order value of each item.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more