How to get Detail Table row count from Client Side while Scrolling rows in Master Table.

[gc_0620]

Folks,

I am using ASP.Net Ajax Q2 2011 with VS 2010. Below is my Grid Table Laout.

        
        Parent Table

                                ---- Detail Table 1 (GridTableView Name = "Detail")

                                             --- Detail Table 1.1

                                ---- Detail Table 2

　
My desired expectations:

1) While I am scrolling rows in Parent Table, I would like to get the row counts of related Detail Table 1 but not row counts of other Detail Tables.

2) Also if I am scrolling rows in Detail Table 1, do nothing.
 

Below works to get the Row Count of Parent Table; but having some difficulty to getting row count of Related Detail Table 1.

function RowCount(sender, args)  

{  

   

    var grid = $find("<%=RadGrid1.ClientID %>");  

    var MasterTable = grid.get_masterTableView();  

    var Rows = MasterTable.get_dataItems();

    // Need Help here to get the Row Count of Detail Table 1 and Pass into TextBox RowCountTextBox...

    alert(Rows.length); 

    document.getElementById("<%=RowCountTextBox.ClientID %>").value = parseInt(Rows.length);

      

 }  

Rad Grid Settings:
'''

 

HierarchyLoadMode = "ServerBind"

 

'''

<ClientEvents OnFilterMenuShowing="filterMenuShowing" OnRowSelected = "RowCount" />

'''

'''

<asp:TextBox ID="RowCountTextBox" runat="server" Text="" Width = "400px"> </asp:TextBox>

I tried in Server Side Prerender event, but did not get the Child Table row count if Parent row is not expanded. 


Thanks

gc_0620

[Radoslav]

Hi Gc_0620,

To achieve the desired functionality you could try using the following code snippet and let me know if it helps you:

function RowCount(sender, args) {

            var grid = $find("<%=RadGrid1.ClientID %>");
            var MasterTable = grid.get_masterTableView();
            var Rows = MasterTable.get_dataItems();
            // Need Help here to get the Row Count of Detail Table 1 and Pass into TextBox RowCountTextBox...

            var detailTable1 = Rows[0].get_nestedViews()[0];
            var detailTable1RowsCount = detailTable1.get_dataItems().length;

            alert(detailTable1RowsCount);
            document.getElementById("<%=RowCountTextBox.ClientID %>").value = parseInt(Rows.length);

        }

Looking forward for your reply.

Greetings,
Radoslav
the Telerik team

[gc_0620]

Thanks Radoslav

It works but I had to set  HierarchyLoadMode = "Client"