- $(document).ready(function() {
- console.log('ready')
- $('#item_schedule table').tableDnD({
- onDragStart: function (table, row) {
- console.log(table)
- console.log(row)}
- ,onDrop: function (table, row) {
- console.log(table)
- console.log(row)}
- })
+ /** add table DnD as behavior **/
+ function onDragStart (table, row) {
+ console.log(table)
+ console.log(row)
+ }
+ function findRowPosition(table, row) {
+ }
+ function addInput(form, name, value) {
+ $(form).append('<input type="hidden" name="'+name+'" value="'+value+'">')
+ }
+ function addInputs(form, name, values) {
+ for(index = 0; index < values.length; index++) {
+ addInput(form, name+'['+index+']', values[index])
+ }
+ }
+ function onDrop(table, row) {
+ var row_ids = $.map(table.tBodies[0].rows, function(r) { return r.id} )
+ var row_id = row.id
+ var form = $(table).closest('form')[0]
+
+ addInput(form, 'row_id', row.id)
+ addInputs(form, 'row_order', row_ids )
+
+ JsHttpRequest.request(this, form);
+
+ }
+
+ var inserts = {
+ '#item_schedule table': function (e) {
+ $(e).tableDnD({onDragStart: onDragStart, onDrop: onDrop})
+ }