Hi,
I am trying to auto expand all my grid rows as specified in the telerik demo using expand. So, far I have been unsuccessful after loading the grid and not see any of the row auto expand to the child rows.
In my cs file, I have the code in my .ascx.cs file
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
foidId = Server.UrlDecode(Request.QueryString["FOIA_UID"]);
if (rgdSubmitterMatrix.MasterTableView.Items.Count > 0)
{
//get MasterTableView's second (index 1) nested view item
GridNestedViewItem firstLevelNestedViewItem = (GridNestedViewItem)rgdSubmitterMatrix.MasterTableView.GetItems(GridItemType.NestedView)[0];
if (firstLevelNestedViewItem.NestedTableViews.Count() > 0 && firstLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.NestedView).Count() > 0)
{
//get second nested view item at level 2 of the hierarchy
GridNestedViewItem secondLevelNestedViewItem = (GridNestedViewItem)firstLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.NestedView)[0];
//get the first item to be expanded
GridItem itemToExpand = secondLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.Item)[0];
itemToExpand.ExpandHierarchyToTop();
}
else if (firstLevelNestedViewItem.NestedTableViews.Count() > 0 && firstLevelNestedViewItem.NestedTableViews[0].Items.Count > 0 && firstLevelNestedViewItem.NestedTableViews[0].GetItems(GridItemType.NestedView).Count() == 0)
{
//get the first item to be expanded
GridItem itemToExpand = firstLevelNestedViewItem.NestedTableViews[0].Items[0];
itemToExpand.ExpandHierarchyToTop();
}
}
}
}
In my .ascx file, I have the following telerik jscript and specified the following in the radgrid
ClientSettings-AllowExpandCollapse="true"
<ClientSettings>
<ClientEvents OnHierarchyExpanding="HierarchyExpanding" OnHierarchyExpanded="HierarchyExpanded" OnHierarchyCollapsing="HierarchyCollapsing" OnHierarchyCollapsed="HierarchyCollapsed">
</ClientEvents>
</ClientSettings>
<script type="text/javascript">
function HierarchyExpanding(sender, args) {
var firstClientDataKeyName = args.get_tableView().get_clientDataKeyNames()[0];
if (!confirm("Should expand item with " + firstClientDataKeyName + ":'" + args.getDataKeyValue(firstClientDataKeyName) + "'?")) {
args.set_cancel(true);
}
}
function HierarchyExpanded(sender, args) {
var firstClientDataKeyName = args.get_tableView().get_clientDataKeyNames()[0];
alert("Item with " + firstClientDataKeyName + ":'" + args.getDataKeyValue(firstClientDataKeyName) + "' expanded.");
}
function HierarchyCollapsing(sender, args) {
var firstClientDataKeyName = args.get_tableView().get_clientDataKeyNames()[0];
if (!confirm("Should collapse item with " + firstClientDataKeyName + ":'" + args.getDataKeyValue(firstClientDataKeyName) + "'?")) {
args.set_cancel(true);
}
}
function HierarchyCollapsed(sender, args) {
var firstClientDataKeyName = args.get_tableView().get_clientDataKeyNames()[0];
alert("Item with " + firstClientDataKeyName + ":'" + args.getDataKeyValue(firstClientDataKeyName) + "' collapsed.");
}
function ExpandCollapseFirstMasterTableViewItem() {
var firstMasterTableViewRow = $find("<%= rgdSubmitterMatrix.MasterTableView.ClientID %>").get_dataItems()[0];
if (firstMasterTableViewRow.get_expanded()) {
firstMasterTableViewRow.set_expanded(false);
}
else {
firstMasterTableViewRow.set_expanded(true);
}
}
function ExpandFirstMasterTableViewItem() {
$find("<%= rgdSubmitterMatrix.MasterTableView.ClientID %>").expandItem(0);
}
function CollapseFirstMasterTableViewItem() {
$find("<%= rgdSubmitterMatrix.MasterTableView.ClientID %>").collapseItem(0);
}
function ExpandFirstDetailTableFirstItem() {
$find("<%= rgdSubmitterMatrix.Items[0].ChildItem.NestedTableViews[0].ClientID %>").expandItem(0);
}
function CollapseFirstDetailTableFirstItem() {
$find("<%= rgdSubmitterMatrix.Items[0].ChildItem.NestedTableViews[0].ClientID %>").collapseItem(0);
}
</script>
<asp:UpdatePanel ID="UpdatePanelMatrix" runat="server" RenderMode="Inline">
<ContentTemplate>
<telerik:RadGrid ID="rgdSubmitterMatrix" runat="server" AllowSorting="True" AllowPaging="True" AutoGenerateColumns="False" AllowMultiRowSelection="False" PageSize ="15"
DataSourceID="odsSubmitterNotice" ClientSettings-AllowExpandCollapse="true" AllowFilteringByColumn="true" GridLines="None" OnItemCreated="rgdSubmitterMatrix_ItemCreated" OnItemCommand="rgdSubmitterMatrix_ItemCommand" OnPreRender="Page_Load" ShowGroupPanel="True" Skin="Outlook" OnItemDataBound="rgdSubmitterMatrix_ItemDataBound">
<%-- <ClientSettings>
<Resizing AllowColumnResize="true" AllowRowResize="false" ResizeGridOnColumnResize="false" ClipCellContentOnResize="true" EnableRealTimeResize="false" />
</ClientSettings>--%>
<PagerStyle Mode="NumericPages" />
<ClientSettings>
<ClientEvents OnHierarchyExpanding="HierarchyExpanding" OnHierarchyExpanded="HierarchyExpanded" OnHierarchyCollapsing="HierarchyCollapsing" OnHierarchyCollapsed="HierarchyCollapsed">
</ClientEvents>
</ClientSettings>
<table> <tr> <td> <telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop" SelectedIndex="0" MultiPageID="RadMultiPage1"> <Tabs> <telerik:RadTab Text="Category Summary"> </telerik:RadTab> <telerik:RadTab Text="Category Summary Details"> </telerik:RadTab> <telerik:RadTab Text="Department Summary Details"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" Height="500px" Width="500px"> <telerik:RadPageView runat="server" ID="RadPageView3"> <asp:Label ID="Label1" runat="server" Text="Sample page"></asp:Label> <uc:grid ID="radgrid" runat="server" /> </telerik:RadPageView> <telerik:RadPageView runat="server" ID="RadPageView1"> <telerik:RadPanelBar runat="server" ID="pnlBarCatSummDetails" Width="900" AllowCollapseAllItems="true" ExpandMode="MultipleExpandedItems"> </telerik:RadPanelBar> </telerik:RadPageView> <telerik:RadPageView runat="server" ID="RadPageView2"> <telerik:RadPanelBar runat="server" ID="pnlBarDeptSummDetails" Width="900" AllowCollapseAllItems="true" ExpandMode="MultipleExpandedItems"> </telerik:RadPanelBar> </telerik:RadPageView> </telerik:RadMultiPage> </td> </tr> <tr> <td> </td> </tr> </table>Protected Sub RadTabStrip1_TabClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTabStripEventArgs) Handles RadTabStrip1.TabClick If RadTabStrip1.SelectedIndex = 0 Then
' Already added in aspx page ( not a dynamic one ) ElseIf RadTabStrip1.SelectedIndex = 1 Then Dim i As Integer = 0 pnlBarCatSummDetails.Items.Clear() Do While (i < 2) Dim dateItem As New RadPanelItem() dateItem.Text = "Test page" + i.ToString() pnlBarCatSummDetails.Items.Add(dateItem) Dim control As New RadPanelItem() Dim Panel1 As New Panel() Dim myControl As Control = LoadControl("CategorySummary.ascx") Panel1.Controls.Add(myControl) control.Controls.Add(Panel1) dateItem.Items.Add(control) i = i + 1 Loop ElseIf RadTabStrip1.SelectedIndex = 2 Then Dim i As Integer = 0 pnlBarDeptSummDetails.Items.Clear() Do While (i < 2) Dim dateItem As New RadPanelItem() dateItem.Text = "Dept Test page" + i.ToString() pnlBarDeptSummDetails.Items.Add(dateItem) Dim control As New RadPanelItem() Dim Panel1 As New Panel() Dim myControl As Control = LoadControl("DepartmentSummary.ascx") Panel1.Controls.Add(myControl) control.Controls.Add(Panel1) dateItem.Items.Add(control) i = i + 1 Loop End If End Sub<LevelSettings> <telerik:SiteMapLevelSetting Level="0"> <ListLayout RepeatColumns="3" RepeatDirection="Vertical" /> </telerik:SiteMapLevelSetting></LevelSettings>If this property is set to RepeatDirection.Vertical, the nodes in the level are displayed in columns loaded from top to bottom, then left to right, until all nodes are rendered.
If this property is set to RepeatDirection.Horizontal, the nodes
in the level are displayed in rows loaded from left to right, then top to bottom,
until all nodes are rendered.
what actually i need is
columns loaded from top to bottom, then right to left,
until all nodes are rendered
if that possible ?
Thanks
Dim selDate If (e.SelectedDates.Count <> 0) Then selDate = e.SelectedDates(e.SelectedDates.Count - 1).Date calDay.SelectedDate = selDate litDaySpec.Text = clsData.displayReservationsForADay(calDay.SelectedDate) Dim dateDate As New DateTime(calDay.SelectedDate.Year, calDay.SelectedDate.Month, calDay.SelectedDate.Day, 12, 0, 0) If getDST(calDay.SelectedDate) Then 'If (TimeZone.CurrentTimeZone.IsDaylightSavingTime(dateDate)) Then lblTime.Text = "6:00" Else lblTime.Text = "5:00" End If Else<telerik:RadGrid runat="server" ID="gridEmployees" AllowMultiRowSelection="true" OnNeedDataSource="gridEmployees_NeedDataSource" Width="25%" OnDataBinding="gridEmployees_DataBinding" AutoGenerateColumns="false" Style="margin: 10px auto 0px auto;" GridLines="None" Skin="WebBlue" EnableAJAX="true" ClientSettings-EnablePostBackOnRowClick="false"> <MasterTableView Name="EmployeeTable" ClientDataKeyNames="EmployeeID, FirstName" DataKeyNames="EmployeeID" AllowMultiColumnSorting="False"> <Columns> <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"> </telerik:GridClientSelectColumn> <telerik:GridBoundColumn SortExpression="FirstName" HeaderText="Employee" AllowFiltering="true" HeaderButtonType="TextButton" DataField="FirstName" UniqueName="FirstName" FilterControlWidth="65px" /> <telerik:GridTemplateColumn HeaderText="Score"> <ItemStyle Width="100px" /> <ItemTemplate> <telerik:RadTextBox ID="txtScore" runat="server" Enabled="false" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Notes"> <ItemStyle Width="100px" /> <ItemTemplate> <telerik:RadTextBox ID="txtNotes" runat="server" Enabled="false" /> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderText="Failed"> <ItemStyle Width="20px" /> <ItemTemplate> <asp:CheckBox ID="chkFailed" Text="" runat="server" Enabled="false" /> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> <ClientSettings EnableRowHoverStyle="true"> <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" /> <ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowDeselected" /> </ClientSettings> </telerik:RadGrid>