title: YUI DataTable delegate event on row
body: <p>I'm trying to use the delegate to catch the event when a user is clicking on a row, I manage to catch the event, but I needed to get the id of a specific column of the row.</p>
  
  <p>For example, I would like to do the same a this fiddle : <a href="http://jsfiddle.net/mPzFT/1/" rel="nofollow">http://jsfiddle.net/mPzFT/1/</a> 
  When you click on a row you get the name value of the row etc.</p>
  
  <p>I tried to do the same but I have this error :</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;c&gt; has no method 'getRecord' 
  </code></pre>
  
  <p>I'm using DataTable with DataSource and the QueryBuilder as a filter search on the client side. </p>
  
  <p>Here is my delegate code :</p>
  
  <pre><code>Y.delegate('click', function(e) {
                          var target = e.currentTarget,
                              data = this.get('data');
                          var record = data.getRecord(target.get('id')).getValue();
                          console.log(record.id);
                      }, '#enquiry', 'tr', enquiryTable);
  </code></pre>
  
  <p>My table is quit big, so I just put the main part :</p>
  
  <pre><code>var enquiryTable = new Y.DataTable({
      columns: cols,
      sortable: ['id', 'type', 'createdAt', 'customerName', 'customerEmail', 'customerPhone', 'price', 'extrasCost', 'tradeInAllowanceNet', 'deposit']
  });
  
  enquiryTable.plug(Y.Plugin.DataTableDataSource, { datasource: ds});
  enquiryTable.render("#enquiry");
  sendRequest();
  </code></pre>
  
  <p>So when I click on a row, I got the e.currentTarget, but after that I don't know how to make it work.</p>