Replies

• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  November 2012

  This example is relevant: http://datatables.net/release-datatables/examples/api/form.html
  
  Allan
• PrabaOnNet Posts: 6Questions: 0Answers: 0

  November 2012

  Thanks for the link but that doesn't solve my issue. Each row has a file upload (type=file) in it. If I serialize I get all value except the files. Any idea to resolve it?
• codemonk Posts: 24Questions: 0Answers: 0

  November 2012 edited November 2012

  This is my function i use to serialize my forms. I also have it working serializing individual rows with hidden columns using oTable.fnSetColumnVis(0, false);
  
  [code]
  //Serializes Form for JSON
  $.fn.serializeObject = function()
  {
  var o = {};
  var a = this.serializeArray();
  $.each(a, function() {
  if (o[this.name] !== undefined) {
  if (!o[this.name].push) {
  o[this.name] = [o[this.name]];
  }
  o[this.name].push(this.value || '');
  } else {
  o[this.name] = this.value || '';
  }
  });
  return o;
  };
  [/code]
  
  and just call it with
  [code] var payload = $('#id').serializeObject();[/code]
• allan Posts: 63,498Questions: 1Answers: 10,471 Site admin

  November 2012

  If you want to be able to upload files then you'll need to simply display all rows - set the display length to -1 when submitting the form. Since DataTables removes elements from the DOM, they wouldn't be submitted with it, and this is the only way to add them back in.
  
  Allan
• PrabaOnNet Posts: 6Questions: 0Answers: 0

  November 2012

  Thanks Allan. I have mentioned in my original post, I did the same before doing the form submit. But I get "Object moved here" error when clicking on Submit button.
  
  Here is what I did to work-around the issue:
  1. On submit, loop thru all nodes and delete empty rows.
  2. Set page size to some max (500) and call fnDraw
  3. Added a delay routine for 3 seconds
  4. Submit the form now.
  
  It works properly without any error.