https://jsfiddle.net/sectioni/d9t6nt8j/8/

Hello,

I would like the height of my datagrid to be:

1. If it has a lot of rows (like in the example) - it should be the height of it's container's 'max-height' css value
2. If it has a few rows - it should be the height of it's container's 'min-height' css value

In my example, I have set 'fit' to 'false' and it's not limiting itself to 'max-height'.
If I set it to 'true', it will set the height to the 'min-height' value which is not what I want.

That one I already knew

I have 30 datagrids in my system..

Hi,

I want to do that when i change page, the table will auto-scoll to the top.

I tried something like this but no luck:

 $.extend($.fn.pagination.defaults, {
     onSelectPage: function (pageNumber, pageSize) { $(this).datagrid("scrollTo", 0); }
 });

Ok I found my problem.

I had a method for closing a layout panel inside $.parser.onComplete event
This caused resizing for the layout and all panels inside.

Hello,

I am calling $.messager.alert
and when I do that, my datagrid on the page is starting to trigger multiple "scroll" events, and it's causing the UI thread of the browser to be stuck until it finishes.

The same happens when I try to resize the alert window with:
$('.messager-body').window({ width: 380, height: 180 })

How do I make the datagrid listen to resize events of the browser window or the body tag and not all DOM elements? (I guess this is the issue)

I'm on EasyUI 1.5.1

EasyUI isn't adding this class to the tree.

I am loading the tree's data manually with the 'data' property after I do my own ajax request...

I will implement something myself using the onBeforeExpand event

Hi,

I would like to replace the arrow icon next to a node when expanding it, with an animated "loading" circle or at least a "sand-clock" icon if the loading process is taking more than 1 second. (and of course remove it after data has returned from server)

How can I do that?

Yes, but if I don't use the layout feature then i don't get the region functionality..

Is it possible to make easyui use only css for sizing the different regions?

I'm trying to avoid javascript calculations that set width and height via style to each region whenever i resize my window.

Hi,

I managed to find the reason!

If i set my columns programmatically, and I have a column that's hidden, and it's width is set to 0 or no width parameter at all, then rendering is 3-4 times slower on Chrome, and about 1.5 slower on Firefox

You can test it here: https://jsfiddle.net/xwyq3ehd/14/

Run the script, Click Load, Watch the time.
Then change the width value on the first column to any number, Run the script, Click Load and watch the time again.

Hi,

I have disabled the following in my datagrid:
            nowrap             : false,
            fit                : false,
            fitColumns         : false,
            autoRowHeight      : false

My columns all have a width defined, and I am loading 700 rows.

Performance analysis shows that rendering is responsible for 5.6 seconds lag.

getClientRects => $.fn._outerWidth => getCellWidth => .each => autoSizeColumn is responsible for most of it.
What is the reason this function is running?

Thank you.

Hi,

I have a column with decimal values.
The default sorter doesn't work properly (the decimal values are strings in the json and that's not something i can change right now) so I will need to add a custom sorter.
But I am having problems with sorting direction. I need help doing the sorter.

Check the file size column:
https://jsfiddle.net/1t6vndt4/4/

Works perfectly.

Hello,

I would like to do a 'confirm' dialog when switching tabs and only if OK i pressed, then the new tab should be selected and the 'onSelect' and 'onUnselect' events will be triggers.

I have not found a way of doing that...

We are having problems with some grids where the row number height is to small.
A window resize event seems to fix it.

https://jsfiddle.net/rmgw6m6y/2/

in jsfiddle it happens on first load only and when refreshing using ctrl+f5