I guess there are 2 ways i know:

1. If the data grid is editable in client side you could send the grid data to server and convert the data to excel or any printable format, otherwise you could just convert directly based on the grid query. Just put a datagrid toolbar as a link button to download the excel file.

2. Open new browser window via js (window.open) and send the grid data to the new window. I guess you could format the data as html table so it's nicer to print.

I have a closable tab which contains grid and grid toolbar. One of toolbar item will show a dialog (#mydialog) on click which contains form.
In console log $('#mydialog form') will show only 1 form. I then close the tab, and reopen tab. Console log again $('#mydialog form') there would be 2 forms. The form number would be incremented everytime i close and reopen tabs.

What's the proper way to unload tab content? Do i have to remove the content in tab onClose event manually?

Edit: It seems closing tabs does not destroy the dialog, so it keeps in memory. When the tab loaded again, a new dialog will be recreated by jeasyui which will make the form become duplicated. When i submit the form the fields would be messy

Does panel or tree support toolbar like data grid toolbar? atm i copy paste html code from jeasyui generated data grid toolbar (table) to mimic this feature.

Code:

<div class="datagrid-toolbar"><table cellspacing="0" cellpadding="0"><tbody><tr><td><a href="javascript:void(0)" class="l-btn l-btn-plain" group="" id=""><span class="l-btn-left"><span class="l-btn-text icon-add l-btn-icon-left">Add</span></span></a></td><td><a href="javascript:void(0)" class="l-btn l-btn-plain" group="" id=""><span class="l-btn-left"><span class="l-btn-text icon-cut l-btn-icon-left">Cut</span></span></a></td><td><div class="datagrid-btn-separator"></div></td><td><a href="javascript:void(0)" class="l-btn l-btn-plain" group="" id=""><span class="l-btn-left"><span class="l-btn-text icon-save l-btn-icon-left">Save</span></span></a></td></tr></tbody></table></div>

If the column sortable is activated and clicking colum header to sort (single click) it will display small popup as it's like start on dragging. How to make the popup shows only when pressing button after 1 or 2 secs, just to make sure it's sorting not to move column.

Any plan to merge your code above for the next release?

Is there a way to make dialog or windows response to escape key to close it?