This is a migrated thread and some comments may be shown as answers.

Load RadComboBox on SelectedIndexChange of Second RadComboBox in EditFormSettings

1 Answer 132 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Colin asked on 18 Feb 2021, 04:41 PM

I am trying to populate a RadComboBox dynamically based on the selected of another RadComboBox in EditFormSettings.

Here is a code snippet of what I'm trying to do:

<telerik:RadGrid RenderMode="Lightweight" ID="rgEmployeeAssignments" Width="100%" AllowFilteringByColumn="True"
OnItemCommand="rgEmployeeAssignments_ItemCommand" AllowSorting="True" AllowPaging="True" PageSize="20" runat="server" AutoGenerateColumns="False"
ShowStatusBar="true" OnUpdateCommand="rgEmployeeAssignments_UpdateCommand">
<MasterTableView DataKeyNames="EmployeeID" ClientDataKeyNames="EmployeeID" TableLayout="Fixed">
<Columns>
<telerik:GridEditCommandColumn HeaderText="Edit" HeaderStyle-Width="40px" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn UniqueName="WORKGROUP" DataField="WORKGROUP" HeaderText="Work Group" HeaderStyle-Width="100px">
<FilterTemplate>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroup" DataSourceID="SQL_WorkGroup"
DataTextField="WORKGROUP" DataValueField="WORKGROUP" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("WORKGROUP").CurrentFilterValue %>'
runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">
<Items>
<telerik:RadComboBoxItem Text="All" />
</Items>
</telerik:RadComboBox>
<telerik:RadScriptBlock ID="rsbWorkGroup" runat="server">
<script type="text/javascript">
function TitleIndexChanged(sender, args) {
var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");
tableView.filter("WORKGROUP", args.get_item().get_value(), "EqualTo");
}
</script>
</telerik:RadScriptBlock>
</FilterTemplate>
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="WORKGROUPOPTION" DataField="WORKGROUPOPTION" HeaderText="Work Group Options" HeaderStyle-Width="100px">
<FilterTemplate>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroupOption" DataSourceID="SQL_WorkGroupOptions"
DataTextField="WORKGROUPOPTION" DataValueField="WORKGROUPOPTION" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("WORKGROUPOPTION").CurrentFilterValue %>'
runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">
<Items>
<telerik:RadComboBoxItem Text="All" />
</Items>
</telerik:RadComboBox>
<telerik:RadScriptBlock ID="rsbWorkGroupOption" runat="server">
<script type="text/javascript">
function TitleIndexChanged(sender, args) {
var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>");
tableView.filter("WORKGROUPOPTION", args.get_item().get_value(), "EqualTo");
}
</script>
</telerik:RadScriptBlock>
</FilterTemplate>
</telerik:GridBoundColumn>
</Columns>
<EditFormSettings EditFormType="Template">
<FormTemplate>
<table id="tblEmployeeAssignmentDetails" width="100%">
<tr class="EditFormHeader">
<td colspan="2">
<b>Employee Assignment Details</b>
</td>
</tr>
<tr>
<td>
<table id="tblEmployeeAssignmentDetailsEdit" width="450px">
<tr>
<td>Work Group:</td>
<td>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroup" DataSourceID="SQL_WorkGroup"
DataTextField="WORKGROUP" DataValueField="ID" Width="100px" AppendDataBoundItems="true"
SelectedValue='<%#Eval("ID")%>' runat="server" AutoPostBack="true" OnSelectedIndexChanged="rcbWorkGroup_IndexChanged">
<Items>
<telerik:RadComboBoxItem Text="-- CHOOSE --" />
</Items>
</telerik:RadComboBox>
</td>
</tr>
<tr>
<td>Work Week:</td>
<td>
<telerik:RadComboBox RenderMode="Lightweight" ID="rcbWorkGroupOptions" DataTextField="WORKGROUPOPTION"
DataValueField="WORKGROUPOPTION" Width="100px" AppendDataBoundItems="true" runat="server"
OnItemRequested="rcbWorkGroup_ItemsRequested" OnClientItemsRequesting="GetSeletecteItem">
<Items>
<telerik:RadComboBoxItem Text="-- CHOOSE --" />
</Items>
</telerik:RadComboBox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" colspan="2">
<asp:Button ID="btnUpdate" Text="Update" runat="server" CommandName="Update"></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="" />
</telerik:RadGrid>

My Codebehind for the IndexChanged event is:

Protected Sub rcbWorkGroup_IndexChanged(sender As Object, e As RadComboBoxSelectedIndexChangedEventArgs)
Dim x = 1

End Sub

I will hit the breakpoint when the workgroup is selected but I do not know how to fill the workgroupoptions combo in the SelectedIndexChanged sub.

Load RadComboBox on SelectedIndexChange of Second RadComboBox in EditFormSettings

1 Answer, 1 is accepted