Ajax MasterDetail View

[Ajay]

Hi
I have a standard ASPX page having some tab controls.
Each tab control loads on demand a partial view say PV1.
This PV1 has a grid with Ajax binding with detail view.
The details view comes from another partial view & controller.

Everything works fine. (Almost). (There are no javascripts in any of my pages). All rows are collapsed in the beginning.
When I click on the expand button, it works flawlesslessly.

However there is a BIG catch here.
If I click Row 1 expand button, it works but thereafter, it does not work for subsequent rows in the grid page. 
HOWEVER, if I expand Row n, then Row n-1 expands as expected.
e.g If I expand row 5, row 4 works ok, then 3, then 2 and then 1
but if I expand row 5 then row 2, then int this case, only row 1 expands but not rows 3 and 4.
It there were any js errors, it should have not worked at all

Debugging revealed that Ajax request is fired only for those rows that work. Ajax event is not fired otherwise.
So, per say, there is nothing wrong in controller side.
Chrome Javascript debugger does not show any anamoly either?
Same behaviour on three browsers (IE,FF&Cr).

Is there any additional java scripts I need to register in the site master.
I am using Q2-2011 version of MVC opensource controls.


Ajay

[Ajay]

Hi
I guess I understand the problem but do not know how to resolve
Since all of the detail view sub-grids  has the same name and use a separate partial controller,
the controller is unable to identify which grid to update.
Why it works is one direction and not in the reverse is not clear.
Ajay

[elaine]

Hi Ajay,

I'm having the same issue.

I think the selector always gets the first one. So row(n-1) wins row(n).

Have you found a solution for this?

thanks,
Elaine

[Ajay]

Solution:
Name each of the child elements based on the master item
e.g

 .DetailView(
             detailView => detailView.ClientTemplate (
                  Html.Telerik().TabStrip()
                        .Name("TabStrip_DemandScan_<#= CustomerID #>")
                        .SelectedIndex(0)
                       .Items(items =>
                       {

etc
works like charm

Yes, the reverse is not clear..
Ajay