Replies

• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  All right! I can access onclick event from that image using:
  
  $('#example.display tbody tr#0.odd td img').live('click', function(){
  alert("I am clicked");
  });
  But now issue is: "tr#0" I am checking now, if above block can be generalized and can be used for all images present for all datatable rows.
  
  Thanks!
• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  Sorry everyone but I am posting as I am progressing.
  
  $('#example.display tbody tr td img#delete').live('click', function(){
  alert("I am clicked");
  });
  
  Ok at this point of time, this way I can make the block generalized. I will post if I need anything.
  
  Thanks Everyone!
• jcready Posts: 44Questions: 0Answers: 0

  July 2012

  [code]$('#myTable').on('click', 'td', function(event) {
  if ($(this).find('#delete').length > 0) {
  $('#myTable').fnDeleteRow(this.parentNode);
  }
  });[/code]
• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  Thanks jcready!
  
  That block looks great. However I am getting error:
  
  $("#example").fnDeleteRow is not a function
• jcready Posts: 44Questions: 0Answers: 0

  July 2012

  You probably shouldn't initialize that block of code until after you've run $('#example').dataTable(). I would also recommend storing your dataTable reference to a variable.
  
  [code]var oTable = $("#example").dataTable();
  
  oTable.on('click', 'td', function(event) {
  if ($(this).find('#delete').length > 0) {
  oTable.fnDeleteRow(this.parentNode);
  }
  });[/code]
• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  Thanks jcready! I was using that block after initializing the table. But somehow I was getting that error. Anyways thanks so much for your inputs!
  
  Thanks!
• prsd Posts: 14Questions: 0Answers: 0

  July 2012 edited July 2012

  Okay! Need some help on this. I am clicking on a delete image which is present in one of the cell of one of the row. Once I click the delete image there should be a modal confirmation box asking user to confirm the row delete. Well, the functionality is working but the modal confirmation box does not show up on first click on delete image - but shows up on second click. I wrote console.log when image gets clicked - it logs every time that images is clicked - But the confirmation box does not show up first time. Without the confirmation box logic, if I click on delete image the row gets deleted on first click only.
  
  Here is the code:
  [code]
  $('#example.display tbody tr td img#delete').live('click', function(){
  console.log("Delete clicked");
  
  var oTable = $('#example').dataTable();
  var nRow = $(this).closest("tr").get(0);
  var aData = oTable.fnGetData(nRow);
  
  ("#DeleteConfirmationModalWindow").html(''+'Are you sure you wish to delete order:'+'
  '+aData[0]+'?'+'');
  $("#DeleteConfirmationModalWindow").dialog('open');
  
  $("#DeleteConfirmationModalWindow").dialog({
  title: "Delete Confirmation",
  autoOpen: false,
  dialogClass: "DeleteConfirmationModalWindow",
  closeOnEscape: false,
  draggable: false,
  width: 400,
  height: 200,
  modal: true,
  buttons: {
  "Yes, I'm sure": function() {
  $( this ).dialog( "close" );
  console.log("Delete");
  deleteDatabaseRow(oTable, nRow);
  oTable.fnDeleteRow(nRow);
  },
  Cancel: function() {
  $( this ).dialog( "close" );
  console.log("No delete");
  }
  },
  resizable: false,
  open: function() {
  $('body').css('overflow','hidden');
  },
  close: function() {
  $('body').css('overflow','auto');
  }
  });
  });
  [/code]
  Thanks!
• prsd Posts: 14Questions: 0Answers: 0

  July 2012 edited July 2012

  Sorry initially posted comment which was not related to this post.
  
  Thanks!
• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  Please help me on this as well. Thanks!
• prsd Posts: 14Questions: 0Answers: 0

  July 2012

  This is also resolved. You may mark this as closed. Thanks!