ParamQuery grid support forum

General Category => Help for ParamQuery Grid (free version) => Topic started by: karyn.ulriksen on January 18, 2014, 06:51:31 am

Title: Cols with buttons for data loose icons and binding on horizontal scroll
Post by: karyn.ulriksen on January 18, 2014, 06:51:31 am

I have one column that contains one or more jquery-ui buttons.  This works great until the horizontal scroll bar is activated and that particular column is scrolled off and out of view.  Once the column scrolls out of view, the buttons loose their jquery-ui icons and their event bindings.  All other data is not impacted.

Title: Re: Cols with buttons for data loose icons and binding on horizontal scroll
Post by: paramvir on January 18, 2014, 08:05:50 am

You would loose the bindings when you scroll the view, resize the columns, sort the columns, etc. The reason is any of these actions cause the grid to re-render and refresh itself.

Whenever the grid re-renders itself, there is a refresh event. So the solution is to utilize this refresh event to render jQueryUI buttons and do their event bindings.

Please see the refresh event of this demo as an example:

http://paramquery.com/pro/demos/editing