Hi
I used the Combo box with in Tree view. my implemented Concept for When i Click the Country node in Rad Tree view the Second Drop Down State is showing... when i Clicked the State that time The City Name is Showing Another Drop Down... Here my Problem is When I Click the first Drop Down the Page is not Page Load. When i Click the Second Drop Down that time The Page is Loading I don't know what is the problem
I Wrote the page like this aspx.cs
<asp:Panel ID="pnlSearchContact" runat="server" GroupingText="<%$ Resources:AdminResource, pnlContactType %>">
<div id="Div1">
<div class="searchdestination">
<asp:Label ID="lblUniversalSearchDestination" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoDestination %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoDestination %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchDestination" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchDestination"
runat="server" Width="150px" Font-Size="Small">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeDestination" OnClientNodeChecking="nodeChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="btnDestinationSelect" OnClick="lnkDestinationSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkDestinationClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchloadarea">
<asp:Label ID="lblUniversalSearchArea" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoArea %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoArea %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchArea" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchArea" AutoPostBack="false" runat="server" Width="150px" Font-Size="Small">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeSubArea" MaxDataBindDepth="2" OnClientNodeChecking="nodeAreaChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="lnkSubAreaSelect" OnClick="lnkSubAreaSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkSubAreaClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchloadlocation">
<asp:Label ID="lblUniversalSearchLocation" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoLocation %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoLocation %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchLocation" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchLocation" AutoPostBack="false" runat="server" Width="150px" Font-Size="Small" Sort="Descending">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeLocation" OnClientNodeChecking="nodeLocationChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="btnLocationSelect" OnClick="lnkLocationSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkLocationClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchbtn">
<asp:Button ID="btnUniversalSearchSearch" OnClick="btnUniversalSearchSearch_Click" ToolTip="<%$ Resources:AdminResource, ttSearch %>" Text="<%$ Resources:AdminResource, btnSearch %>" runat="server" CssClass="searchbtnsize"/>
<asp:Button ID="btnUniversalSearchReset" ToolTip="<%$ Resources:AdminResource, ttReset %>" Text="<%$ Resources:AdminResource, btnReset %>" runat="server" CausesValidation="false" OnClientClick="ClearValues(); return false;" CssClass="searchbtnsize" />
</div>
</div>
<div class="searchtitle">
<div class="searchfirstname">
<asp:Label ID="lblUniversalSearchFirstName" ToolTip="<%$ Resources:AdminResource, ttFirstName %>" Text="<%$ Resources:AdminResource, lblFirstName %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchFirstName" runat="server" Width="150px">
</telerik:RadTextBox>
</div>
<div class="searchlastname">
<asp:Label ID="lblUniversalSearchLastName" ToolTip="<%$ Resources:AdminResource, ttLastName %>" Text="<%$ Resources:AdminResource, lblLastName %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchLastName" runat="server" Width="150px"></telerik:RadTextBox>
</div>
<div class="searchemail">
<asp:Label ID="lblUniversalSearchEmail" ToolTip="<%$ Resources:AdminResource, ttEmail %>" Text="<%$ Resources:AdminResource, lblEmail %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchEmail" runat="server" Width="150px"></telerik:RadTextBox>
</div>
<div class="searchpostalzipcode">
<asp:Label ID="lblUniversalSearchPostalZipCode" ToolTip="<%$ Resources:AdminResource, ttPostalZipCode %>" Text="<%$ Resources:AdminResource, lblPostalzipcode %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchPostalZipCode" runat="server" Width="170px"></telerik:RadTextBox>
</div>
</div>
</asp:Panel>
<!-- Ajax Manager-->
<telerik:RadAjaxManager ID="amanagerSearchGrid" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="griduniversal">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="griduniversal" LoadingPanelID="aloadingpanelSearchGrid"/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbPersonalInfoCountry">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbPersonalInfoState" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbCreditCardAddressCountry">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbCreditCardState" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbUniversalSearchDestination">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbUniversalSearchArea" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbUniversalSearchArea">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbUniversalSearchLocation" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
in .Cs Page I used like this
// Load Destination Details in DropDown Box (Country Drop Down)
public void LoadDestinationFromDB()
{
IList<AreaData> areaData = new List<AreaData>();
areaData = areaManager.GetAreaList();
RadTreeView treedestination = (RadTreeView)cmbUniversalSearchDestination.Items[0].FindControl("treeDestination");
treedestination.PersistLoadOnDemandNodes = true;
treedestination.DataSource = areaData;
treedestination.DataFieldID = "ID";
treedestination.DataTextField = "Name";
treedestination.DataValueField = "ID";
treedestination.DataBind();
}
//Load SubArea Details in DropDown (State DropDown
public void LoadSubAreaFromDB()
{
IList<AreaData> subAreaData = new List<AreaData>();
RadTreeView treedestination = (RadTreeView)cmbUniversalSearchDestination.Items[0].FindControl("treeDestination");
treedestination.ExpandAllNodes();
destinationlist.Clear();
foreach (RadTreeNode node in treedestination.Nodes)
{
if (node.Checked)
{
destinationlist.Add(Convert.ToInt32(node.Value));
}
}
subAreaData = areaManager.GetAreasByParentAreas(destinationlist);
RadTreeView treesubArea = (RadTreeView)cmbUniversalSearchArea.Items[0].FindControl("treeSubArea");
treesubArea.PersistLoadOnDemandNodes = true;
RadTreeNode parentNode = null;
treesubArea.Nodes.Clear();
foreach (AreaData row in subAreaData)
{
parentNode = new RadTreeNode(row.Name, row.Id.ToString());
// parentNode = new RadTreeNode(row.Name, row.ParentAreaID.ToString());
parentNode.Expanded = true;
foreach (AreaData area in row.childItems)
{
RadTreeNode childNode = new RadTreeNode(area.Name, area.Id.ToString());
childNode.Expanded = true;
parentNode.Nodes.Add(childNode);
}
treesubArea.Nodes.Add(parentNode);
}
}
// Load the Locations Details (Country Drop Down)
public void LoadLocationFromDB()
{
List<long> subareaList = new List<long>();
IList<AreaData> subAreaData = new List<AreaData>();
RadTreeView treesubArea = (RadTreeView)cmbUniversalSearchArea.Items[0].FindControl("treeSubArea");
treesubArea.ExpandAllNodes();
subareaList.Clear();
foreach (RadTreeNode node in treesubArea.Nodes)
{
// get the child nodes
RadTreeNodeCollection childNodes = node.Nodes;
// iterate through the child nodes
foreach (RadTreeNode childNode in childNodes)
{
if (childNode.Checked)
{
subareaList.Add(Convert.ToInt32(childNode.Value));
}
}
}
subAreaData = areaManager.GetAreasByParentAreas(subareaList);
RadTreeView treeLocation = (RadTreeView)cmbUniversalSearchLocation.Items[0].FindControl("treeLocation");
treeLocation.PersistLoadOnDemandNodes = true;
RadTreeNode parentNode = null;
treeLocation.Nodes.Clear();
foreach (AreaData row in subAreaData)
{
parentNode = new RadTreeNode(row.Name, row.Id.ToString());
parentNode.Expanded = true;
foreach (AreaData area in row.childItems)
{
RadTreeNode childNode = new RadTreeNode(area.Name, area.Id.ToString());
childNode.Expanded = true;
parentNode.Nodes.Add(childNode);
}
treeLocation.Nodes.Add(parentNode);
}
}
Let me know why the Second drop down link button click time Page is Load.................
I used the Combo box with in Tree view. my implemented Concept for When i Click the Country node in Rad Tree view the Second Drop Down State is showing... when i Clicked the State that time The City Name is Showing Another Drop Down... Here my Problem is When I Click the first Drop Down the Page is not Page Load. When i Click the Second Drop Down that time The Page is Loading I don't know what is the problem
I Wrote the page like this aspx.cs
<asp:Panel ID="pnlSearchContact" runat="server" GroupingText="<%$ Resources:AdminResource, pnlContactType %>">
<div id="Div1">
<div class="searchdestination">
<asp:Label ID="lblUniversalSearchDestination" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoDestination %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoDestination %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchDestination" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchDestination"
runat="server" Width="150px" Font-Size="Small">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeDestination" OnClientNodeChecking="nodeChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="btnDestinationSelect" OnClick="lnkDestinationSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkDestinationClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchloadarea">
<asp:Label ID="lblUniversalSearchArea" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoArea %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoArea %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchArea" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchArea" AutoPostBack="false" runat="server" Width="150px" Font-Size="Small">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeSubArea" MaxDataBindDepth="2" OnClientNodeChecking="nodeAreaChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="lnkSubAreaSelect" OnClick="lnkSubAreaSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkSubAreaClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchloadlocation">
<asp:Label ID="lblUniversalSearchLocation" runat="server" Text="<%$ Resources:AdminResource, lblPersonalInfoLocation %>" ToolTip="<%$ Resources:AdminResource, ttPersonalInfoLocation %>"></asp:Label>
<telerik:RadAjaxPanel ID="ajaxPnlcmbUniversalSearchLocation" runat="server">
<telerik:RadComboBox ID="cmbUniversalSearchLocation" AutoPostBack="false" runat="server" Width="150px" Font-Size="Small" Sort="Descending">
<ItemTemplate>
<telerik:RadTreeView runat="server" ID="treeLocation" OnClientNodeChecking="nodeLocationChecking" PersistLoadOnDemandNodes="true" CheckBoxes="true" MultipleSelect="true">
</telerik:RadTreeView>
<div class="cmbareadiv">
<div style="overflow: auto">
<asp:LinkButton ID="btnLocationSelect" OnClick="lnkLocationSelect_Click" CssClass="footsize" Text="Select" runat="server"></asp:LinkButton>
<!-- <asp:LinkButton ID="lnkLocationClose" runat="server" CssClass="footsizeclose" Text="close"></asp:LinkButton> -->
</div>
</div>
</ItemTemplate>
<Items>
<telerik:RadComboBoxItem Text="" />
</Items>
<CollapseAnimation Duration="200" Type="OutQuint" />
</telerik:RadComboBox>
</telerik:RadAjaxPanel>
</div>
<div class="searchbtn">
<asp:Button ID="btnUniversalSearchSearch" OnClick="btnUniversalSearchSearch_Click" ToolTip="<%$ Resources:AdminResource, ttSearch %>" Text="<%$ Resources:AdminResource, btnSearch %>" runat="server" CssClass="searchbtnsize"/>
<asp:Button ID="btnUniversalSearchReset" ToolTip="<%$ Resources:AdminResource, ttReset %>" Text="<%$ Resources:AdminResource, btnReset %>" runat="server" CausesValidation="false" OnClientClick="ClearValues(); return false;" CssClass="searchbtnsize" />
</div>
</div>
<div class="searchtitle">
<div class="searchfirstname">
<asp:Label ID="lblUniversalSearchFirstName" ToolTip="<%$ Resources:AdminResource, ttFirstName %>" Text="<%$ Resources:AdminResource, lblFirstName %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchFirstName" runat="server" Width="150px">
</telerik:RadTextBox>
</div>
<div class="searchlastname">
<asp:Label ID="lblUniversalSearchLastName" ToolTip="<%$ Resources:AdminResource, ttLastName %>" Text="<%$ Resources:AdminResource, lblLastName %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchLastName" runat="server" Width="150px"></telerik:RadTextBox>
</div>
<div class="searchemail">
<asp:Label ID="lblUniversalSearchEmail" ToolTip="<%$ Resources:AdminResource, ttEmail %>" Text="<%$ Resources:AdminResource, lblEmail %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchEmail" runat="server" Width="150px"></telerik:RadTextBox>
</div>
<div class="searchpostalzipcode">
<asp:Label ID="lblUniversalSearchPostalZipCode" ToolTip="<%$ Resources:AdminResource, ttPostalZipCode %>" Text="<%$ Resources:AdminResource, lblPostalzipcode %>" runat="server"></asp:Label>
<telerik:RadTextBox ID="txtUniversalSearchPostalZipCode" runat="server" Width="170px"></telerik:RadTextBox>
</div>
</div>
</asp:Panel>
<!-- Ajax Manager-->
<telerik:RadAjaxManager ID="amanagerSearchGrid" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="griduniversal">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="griduniversal" LoadingPanelID="aloadingpanelSearchGrid"/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbPersonalInfoCountry">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbPersonalInfoState" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbCreditCardAddressCountry">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbCreditCardState" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbUniversalSearchDestination">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbUniversalSearchArea" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="cmbUniversalSearchArea">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="cmbUniversalSearchLocation" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
in .Cs Page I used like this
// Load Destination Details in DropDown Box (Country Drop Down)
public void LoadDestinationFromDB()
{
IList<AreaData> areaData = new List<AreaData>();
areaData = areaManager.GetAreaList();
RadTreeView treedestination = (RadTreeView)cmbUniversalSearchDestination.Items[0].FindControl("treeDestination");
treedestination.PersistLoadOnDemandNodes = true;
treedestination.DataSource = areaData;
treedestination.DataFieldID = "ID";
treedestination.DataTextField = "Name";
treedestination.DataValueField = "ID";
treedestination.DataBind();
}
//Load SubArea Details in DropDown (State DropDown
public void LoadSubAreaFromDB()
{
IList<AreaData> subAreaData = new List<AreaData>();
RadTreeView treedestination = (RadTreeView)cmbUniversalSearchDestination.Items[0].FindControl("treeDestination");
treedestination.ExpandAllNodes();
destinationlist.Clear();
foreach (RadTreeNode node in treedestination.Nodes)
{
if (node.Checked)
{
destinationlist.Add(Convert.ToInt32(node.Value));
}
}
subAreaData = areaManager.GetAreasByParentAreas(destinationlist);
RadTreeView treesubArea = (RadTreeView)cmbUniversalSearchArea.Items[0].FindControl("treeSubArea");
treesubArea.PersistLoadOnDemandNodes = true;
RadTreeNode parentNode = null;
treesubArea.Nodes.Clear();
foreach (AreaData row in subAreaData)
{
parentNode = new RadTreeNode(row.Name, row.Id.ToString());
// parentNode = new RadTreeNode(row.Name, row.ParentAreaID.ToString());
parentNode.Expanded = true;
foreach (AreaData area in row.childItems)
{
RadTreeNode childNode = new RadTreeNode(area.Name, area.Id.ToString());
childNode.Expanded = true;
parentNode.Nodes.Add(childNode);
}
treesubArea.Nodes.Add(parentNode);
}
}
// Load the Locations Details (Country Drop Down)
public void LoadLocationFromDB()
{
List<long> subareaList = new List<long>();
IList<AreaData> subAreaData = new List<AreaData>();
RadTreeView treesubArea = (RadTreeView)cmbUniversalSearchArea.Items[0].FindControl("treeSubArea");
treesubArea.ExpandAllNodes();
subareaList.Clear();
foreach (RadTreeNode node in treesubArea.Nodes)
{
// get the child nodes
RadTreeNodeCollection childNodes = node.Nodes;
// iterate through the child nodes
foreach (RadTreeNode childNode in childNodes)
{
if (childNode.Checked)
{
subareaList.Add(Convert.ToInt32(childNode.Value));
}
}
}
subAreaData = areaManager.GetAreasByParentAreas(subareaList);
RadTreeView treeLocation = (RadTreeView)cmbUniversalSearchLocation.Items[0].FindControl("treeLocation");
treeLocation.PersistLoadOnDemandNodes = true;
RadTreeNode parentNode = null;
treeLocation.Nodes.Clear();
foreach (AreaData row in subAreaData)
{
parentNode = new RadTreeNode(row.Name, row.Id.ToString());
parentNode.Expanded = true;
foreach (AreaData area in row.childItems)
{
RadTreeNode childNode = new RadTreeNode(area.Name, area.Id.ToString());
childNode.Expanded = true;
parentNode.Nodes.Add(childNode);
}
treeLocation.Nodes.Add(parentNode);
}
}
Let me know why the Second drop down link button click time Page is Load.................