title: redips.drag get row id when row is dropped and send to server
body: <p>I am building a django site and have implemented the redips.drag library in one of my pages to allow dragging of table rows. I want a very simple functionality in my code- add a listener, so when the row is dropped, it send the row data to the server. jQuery-speaking, something like this:</p>
  
  <pre><code>$(function() {
      $(someDomElement).on('DropEvent', function() {
             // send data to server
      };
  
  });
  </code></pre>
  
  <p>The problem though, is that redips.drag is not a jQuery plugin but a javascript one, so my knowledge is a little (more than a little) lacking. I can probably find some other library, but it's performing really well and I prefer understanding how to work with it than look for a different one.</p>
  
  <p>I can probably handle the "sending the data to the server" part by myself, what I can't understand at all is how to "catch" the drop event, what part of the dom do I listen to? I tried adding monitorEvents to different selectors but failed completely.</p>
  
  <p>I also tried to manipulate the script.js file (the one that initializes the row handling), but also failed. here's the one I'm using (example 20 in the redips package):</p>
  
  <pre><code>"use strict";
  
  // define redips object container
  var redips = {};
  
  redips.init = function () {
      // reference to the REDIPS.drag library and message line
      var rd = REDIPS.drag,
          msg = document.getElementById('msg');
      // initialization
      rd.init();
      // 
      // ... more irrelevent code ...
      // 
      // row event handlers
      //
      // row clicked (display message and set hover color for "row" mode)
      rd.event.rowClicked = function () {
          msg.innerHTML = 'Clicked';
      };
      // row row_dropped
      rd.event.rowDropped = function () {
          msg.innerHTML = 'Dropped';
      };
  
      // and so on...
  };
  
  
  // function sets drop_option parameter defined at the top
  redips.setRowMode = function (radioButton) {
      REDIPS.drag.rowDropMode = radioButton.value;
  };
  
  
  // add onload event listener
  if (window.addEventListener) {
      window.addEventListener('load', redips.init, false);
  }
  else if (window.attachEvent) {
      window.attachEvent('onload', redips.init);
  }
  </code></pre>
  
  <p>Now I tried adding a console.log('hello') to the rd.event.rowDropped function (right above the msg.innerHTML line), but that doesn't work, I drop the row and nothing shows in the log. Doing a console.log outside the init function works so I know the script can pass stuff to the console.</p>
  
  <p>Please, can anyone help me? I'm at a complete loss...</p>