First, I'll start with the layout... I'm using nested controls and windows on a form inside of MVC 4 partials. The page the issue resides on is actually a partial inside of a panelbar->tabstrip. That partial has a nesting hierarchy that goes like this:
3 Grids with custom (Template) button in the toolbar
The "3 Grids with custom button" level is where I see the issue. Each Grid's button loads a kendo window with a partial view. Each partial view contains two grids (association pair).
Yes, I know, "complicated", but this is what I needed.
When I first click on a grid's custom "associate button", the window pops up and the grids load / initialize correctly. The problem occurs if I click on a different grid's button. The window pops up, the partial loads, I see the read request and response in Fiddler, but the grids don't populate visually. If I go back to the initial grid's button and click it, the correct result is presented. Now, I can refresh the page and click the second grid button and it will show, but the first grid has the problem... Basically, its whomever came first wins. I have to refresh the page in order to bring up a different window. I've checked the Ids and Names to make sure I didn't have any weird duplicates and I don't.
Template Script: (3 grids)
The kendoWindow divs:
The script to get the partials for the windows:
(all three are very similar, but all the names of elements/functions were changed to reflect the particular window. "server","permission","dependency")
Thanks in advance for the help on this.... I've been fighting it for a couple of days.
Bonus question... when setting the height of a Grid via style, why does the data in the grid step outside the bounds? Meaning, the grid contents extend further than the containing div.