Print Page - Expand by Clicking on Row

Hi.

I'm using the following code to expand rows in my datagrid table:
http://www.jeasyui.com/tutorial/datagrid/datagrid21.php

Now, I've been searching without any luck. I've been looking through the Javascript files too, but haven't been able to achieve this.

Instead of clicking the plus (+) and minus (-) images in the left side of the rows I want to click the entire row and expand as normal. I've been looking at Stackoverflow and these very forums without any luck.

I found something about expanding on header click, but I don't think that's the right thing.

Can someone please point me in the right direction and maybe even show me where the code is placed in the javascript file jquery-easyui.

When click a row, the 'onClickRow' event fires, in which you can call 'expandRow' method to expand the detail panel.

Code:

$('#dg').datagrid({
  onClickRow: function(index,row){
    $(this).datagrid('expandRow', index);
  }
});

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: KennyD on March 27, 2014, 03:18:51 AM