Print Page - $.panel should have an "onRender" event

Title: $.panel should have an "onRender" event
Post by: angers on January 23, 2013, 04:28:54 PM

Panels and windows have no callback to indicate they have completed rendering. This is important when the developer does not want the user to see the panel before it has rendered.

Currently you have on "onLoad" event, but this is triggered by remote data calls...not by the html rendering.

Title: Re: $.panel should have an "onRender" event
Post by: Ellipsis on January 24, 2013, 03:41:44 AM

I agree, and this goes for almost all easyui components.
We use multiple components that control each others content, on initialization we had some work to get the flow right.

Event based solutions would have made things a lot better.

Title: Re: $.panel should have an "onRender" event
Post by: angers on February 06, 2013, 11:58:58 PM

Bump. Talk to us.

Title: Re: $.panel should have an "onRender" event
Post by: Ellipsis on February 07, 2013, 11:14:17 AM

Bump:

The documentation talks About onrender events for the view. The way this should be applied puzzles me....

At the moment I set flags, but the onRendered event should be available for the triggering new actions.

We are looking at different MV* possibillities, being Able to split Easyui components or events to models, views And controllers would be nice.

Title: Re: $.panel should have an "onRender" event
Post by: Ellipsis on February 21, 2013, 03:25:56 AM

How about the use of jQuery deferred?

See http://api.jquery.com/deferred.promise/ (http://api.jquery.com/deferred.promise/) for an example.

The creation of a datagrid (or other easyui component) could return a deferred object.

Title: Re: $.panel should have an "onRender" event
Post by: Ellipsis on March 07, 2013, 01:36:54 AM

solved with the help of stworthy:

Code:


function generateDatagrid(strTargetId){

var obDfd = jQuery.Deferred(),
      obTarget = jQuery('#dg');

if(strTargetId) obTarget=jQuery(strTargetId);

obTarget.datagrid(....);

obTarget.datagrid({
	view: jQuery.extend(true,{},$.fn.datagrid.defaults.view,{
		onAfterRender: function(target){
			$.fn.datagrid.defaults.view.onAfterRender.call(this,target);
			obDfd.resolve()
		}
	})
});

return obDfd;

}

And the waiting side :

Code:

jQuery.when(generateDatagrid()).done(function(){

// datagrid is rendered, do something...

});

See : http://api.jquery.com/deferred.promise/

Title: Re: $.panel should have an "onRender" event
Post by: mhbu50 on September 29, 2014, 05:30:36 AM

Thanks Ellipsis for your post.

Could you explain the function generateDatagrid in more details or give live dome for that.

Regards

EasyUI Forum

General Category => Bug Report => Topic started by: angers on January 23, 2013, 04:28:54 PM