I have a radgrid inside one of my tabs which is a Jquery tabs.
The gird has children which I am binding from code behind using OnDetailTableDataBind
event.
Now this works perfectly find on normal asp.net page, but on Jquery tabs it doesn't expand/collapse. Have searched google too but didn't find suitable solution.
here is my grid html code and the code behind just binds it to a datatable.
<
telerik:RadGrid
ID
=
"gvDate"
runat
=
"server"
ShowGroupPanel
=
"false"
PagerStyle-Mode
=
"NextPrev"
AutoGenerateColumns
=
"false"
PageSize
=
"10"
AllowPaging
=
"false"
EnableViewState
=
"true"
AlternatingItemStyle-BackColor
=
"AliceBlue"
OnDetailTableDataBind
=
"RadGrid1_DetailTableDataBind"
>
<
clientsettings
AllowGroupExpandCollapse
=
"true"
>
</
clientsettings
>
<
MasterTableView
ClientDataKeyNames
=
"ID"
DataKeyNames
=
"ID"
HierarchyLoadMode
=
"ServerBind"
GroupLoadMode
=
"Client"
HierarchyDefaultExpanded
=
"false"
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderText
=
"ID"
DataField
=
"ID"
Visible
=
"False"
UniqueName
=
"ID"
/>
<
telerik:GridBoundColumn
DataField
=
"Led"
HeaderText
=
"Led"
/>
</
Columns
>
<
DetailTables
>
<
telerik:GridTableView
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderText
=
"ID"
DataField
=
"ID"
Visible
=
"False"
UniqueName
=
"ID"
/>
<
telerik:GridBoundColumn
DataField
=
"Date"
HeaderText
=
"Date"
/>
</
Columns
>
</
telerik:GridTableView
>
</
DetailTables
>
</
MasterTableView
>
</
telerik:RadGrid
>