Hey and online again

When trying to see the documentation the tabs do not load

Yes that is correct, we do not have problems with the regulare datagrids, only the detailview extensions causes performance problems.

ooops, doesn't look goood .... The padding (Bootstrap theme) of combo's are not adjusted for example.

Thanks for adding!!!

Or did I miss that?

Thank you for the answer.

But it still does not solve the problem of showing large sets of data, for example >200 rows.
The delay helped a bit, but stil the render is very slow.

That is no option, we need to render at least 1000 rows without real performance issues.

The bootstrap theme is almost complete, I would like to change the font-size to make it match even more, how can I do This?

When loading approx 1000 rows in a detailview datagrid (10 columns) the scripts are too slow. The browser complaints.

When disabling autoRowHeight we have a very small performance improvement, the add events (onExpandRow) seems to slow things down. The functions calledc send a jQuery each object to function _474 (min version). Please consider improving performance by minimizing the use of jQuery each.

see this performance test:http://jsperf.com/jquery-each-vs-for-loop/135

Pagination is no option, all the rows are needed in a single page.
Do you have any suggestions for now?

Ok I'll extend the fiddle

update: mmm On fiddle I can't recreate the problem, I'll try some more later.

The bootstrap.min.js is loaded first, then the easyloader loads the required plugins. (At the moment)

What is the difference when loading the easyui min js (a part from being a bit large). The bootstrap functions are still 'overwritten' I presume  and I suspect event conflicts to still be there.

To be more exact: When using multipe combogrids on a page only the first generated stylesheet has corresponding class identifiers.

see http://www.jeasyui.com/forum/index.php?topic=1515.msg3190#msg3190

For now I disabled some Bootstrap functionality (that I used ...)

I would suggest renaming the easyUi functions to a more safe unique name, to prevent functions to occupy the same function name. The current chosen names will likely conflict with other jQuery plugins, of course the other jQuery plugins should also use more safe function names.

 

 

found cause, easyui conflicts with bootstrap.

On the resize event of a panel or a datagrid column, the console will output :

TypeError: _6d.proxy is null

_6d.proxy.css({left:e.pageX-$(_6e).offset().left-1,display:"block"});

and the mousedown seems to hang (cursor doesn't change)

"SOLVED" the white screen, but still not the normal expected behaviour

Made some changes to jquery.datagrid.js:  (row 515 ..)

Code:

onResize:function(e){
	[color=blue]if(_6d.proxy)[/color]
	_6d.proxy.css({left:e.pageX-$(_6e).offset().left-1,display:"block"});
return false;
},onStopResize:function(e){
_70.css("cursor","");
var _78=$(this).parent().attr("field");
var col=_6a(_6c,_78);
col.width=$(this)._outerWidth();
col.boxWidth=parseInt(this.style.width);
col.auto=undefined;
_4e(_6c,_78);
[color=blue]if(_6d.proxy)[/color]_6d.proxy.remove();
_6d.proxy=null;
if($(this).parents("div:first.datagrid-header").parent().hasClass("datagrid-view1")){
_1e(_6c);
}

And to jquery.resizable.js : (row 62)

Code:

function _e(e){
_1=false;
_4(e,true);
_9(e);
$.data(e.data.target,"resizable").options.onStopResize.call(e.data.target,e);
//$(document).unbind(".resizable");
[color=blue]$(".resizable").unbind();[/color]

Note:  the unbind method is deprecated in the current jQuery version (it was from jQuery 1.7), rather to use the on and off methods and use a namespace.
It also seems a very costly event to unbind like this (on the entire document)  

Too bad
Still this not provide an actual answer because the actual resize event is being called by every mousemove, the mouse cursor changes back but the event is still called by every click. It will not release the column or panel.

I also use underscore.js, bootstrap.js and modernzr.js