Hi everyone,

I've got an igGrid that I'd like to be able to rebind to different data sources, but I'm getting the following error in

Microsoft JScript runtime error: Unable to get value of the property 'hide': object is null or undefined

The code breaks on the following statement:

this._loadingIndicator.hide()

It's line 25, Col 79451 of infragistics.ui.grid.framework.js, immediately underneath the following header:

/*

* Infragistics.Web.ClientUI Grid 12.2.20122.2029

*

* Copyright (c) 2011-2012 Infragistics Inc.

*

* http://es.infragistics.com/

*

* Depends on:

* jquery-1.4.4.js

* jquery.ui.core.js

* jquery.ui.widget.js

* ig.dataSource.js

* ig.ui.shared.js

* ig.util.js

*/

I have attached my sample page. The first time I click on either button, I will get a grid with the appropriate columns and data. Any subsequent button-clicks fail with this error, and then the grid disappears, which is likely the result of my call to $('#placeHolder').igGrid('destroy');  (Note: In my sample, I'm only calling destroy if I've already bound the grid, because I was getting errors on my first attempt to bind when I called destroy every time.

I have also tried using $("#placeHolder").empty(); but that doesn't do the trick either.  I don't get any errors, but the grid does not re-appear.

I have also tried NOT destroying/emptying the grid, but then I get a different error: 

Microsoft JScript runtime error: Unable to get value of the property 'length': object is null or undefined

The code breaks on the following statement:

colsLength=cols.length

It's line 25, Col 10526 of infragistics.ui.grid.framework.js, immediately underneath the same header as above.

Also, my sample puts the grid inside of a DIV, because I had seen some threads that talk about bugs when building a grid inside of a TABLE element.  I'd be willing to put the grid inside of anything, as long as it'll let me rebind!

Thanks!  Let me know if there is any other information I can provide.

Jamie