Replies

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

  October 2009

  Hi Gregg,
  
  Thanks for your kind words about DataTables :-)
  
  Try this for your initialisation code:
  
  [code]
  var oTable;
  $(document).ready(function() {
  oTable = $('#itemlist').dataTable( {
  "sDom": 'ifrtlp',
  "aoColumns": [
  { "bSearchable": false, "bVisible": false }, { "sWidth": "40%", "sClass": "itemname", "fnRender": function ( oObj ) { return "" + oObj.aData[2] + "" }, "sType": "html" }, { "bSearchable": false, "bVisible": false }
  ],
  "iDisplayLength": 50,
  "aaSorting": [[ 3, "desc" ], [ 4, "desc" ]],
  "bProcessing": true,
  "sPaginationType": "full_numbers",
  "sAjaxSource": "database/json.txt",
  } );
  
  $('a.itemct', oTable.fnGetNodes()).cluetip({tracking: true});
  } );
  [/code]
  Hopefully that will do the trick for you!
  
  Regards,
  Allan
• gregg Posts: 5Questions: 0Answers: 0

  October 2009

  Thank you for your quick answer.
  
  I replace this :
  [code]$('a.itemct', oTable.fnGetNodes()).cluetip({tracking: true});[/code]
  
  by :
  [code]
  "fnInitComplete": function() {
  $('a.itemct', oTable.fnGetNodes()).cluetip({tracking: true});
  }
  [/code]
  
  and it seems to be working like a charm :) I use fnInitComplete and i hope it is the right one.
  
  Again i am very impressed with datatables and the quick answer on every post.
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  October 2009

  Hi Gregg,
  
  Yes you are absolutely right to use fnInitComplete(). Sorry, I had missed the fact that you were using sAjaxSource, which necessitates this method. Nice one :-)
  
  Regards,
  Allan
• laurel Posts: 3Questions: 0Answers: 0

  January 2010

  Hi, Alan
  
  I am using AjaxSource . Cluetip works with other link but not with the datatable produce links.
  
  the code :
  
  [code]
  
  var oTable;
  
  $(document).ready(function() {
  $('#demo').html("");
  
  
  
  oTable = $('#example').dataTable(
  {
  "bProcessing": true,
  "bServerSide": true,
  
  "aoColumns": [
  { "sTitle": "ID",
  "sWidth": "150px",
  "fnRender": function(oObj) {
  return " D U M " + oObj.aData[0];
  }
  },
  { "sTitle": "ParentID" },
  { "sTitle": "ParentName" },
  { "sTitle": "Name" },
  { "sTitle": "Value" },
  { "sTitle": "Description"}],
  "sAjaxSource": "/setting/datatables",
  "sPaginationType": "full_numbers",
  "bAutoWidth": false,
  "iDisplayLength": 10,
  "sDom": '<"H"l<"toolbar">fpir>t<"F">',
  "fnInitComplete": function() {
  $('a').cluetip({ tracking: true });
  }
  
  
  }
  );
  
  $("div.toolbar").replaceWith('<%=Html.ActionLink("????","Create") %>');
  
  
  });
  
  
  
  [/code]
  
  
  Thanks !
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  January 2010

  Hi laurel,
  
  Please see this example: http://datatables.net/examples/advanced_init/events_post_init.html for adding events post initialisation. The second question in the FAQs for server-side processing also notes this: http://datatables.net/faqs
  
  Allan