title: How do I pass both the event object and custom parameters in Kendo event handlers?
body: <p>I can bind a javascript function to an event with no parameters and receive the event object with this:</p>
  
  <pre><code>columns.Command(command =&gt; command.Custom("Edit").Click("editDetails")).Width(1);
  </code></pre>
  
  <p>Then <code>editDetails</code> looks like:</p>
  
  <pre><code>function editDetails(e)
  {
   e.preventDefault();
   //code goes here
  }
  </code></pre>
  
  <p>This is fine if I don't need any parameters and I get the event object <code>e</code> which I can use if necessary.</p>
  
  <p>I can also pass parameters in if I use an anonymous function like this:</p>
  
  <pre><code>.Events(e =&gt; e.DataBound("function() { onGridDataBound('#MyGrid') }"))
  </code></pre>
  
  <p><code>onGridDataBound</code> looks like this:</p>
  
  <pre><code>function onGridDataBound(gridId)
  {
   //code goes here
  }
  </code></pre>
  
  <p>What I haven't been able to figure out is how to pass parameters and still receive the event object.</p>
  
  <p>For example, how could I modify the Events statement so that it sends both the gridId and event object?</p>
  
  <p>This way I could do something like:</p>
  
  <pre><code>function onGridDataBound(e, gridID)
  {
      e.preventDefault();
      var dataItem = this.dataItem($(e.currentTarget).closest('tr'));
      var grid = $(gridID).data('kendoGrid');
  }
  </code></pre>