Cfrgtkky

I have two dropdown list named companyID and deparmentID, and both are bind using sqldatasource. departmentID dropwdown is bind with SQLdatasource that would generate list whenever companyId is selected. I can do this when using selectedindexchanged method of companyId and setting its autopostback to true. But I don't want to use that method. Is there a way that I can rebind the datasource of departmendID using javascript or jquery of DEVEXPRESS? Hope someone can help me with this.

     protected void cmbCompany_SelectedIndexChanged(object sender, EventArgs e)

        {

            DeptSQL.DataBind();

        }



This is my mark up code for my combo box:



    <dx:LayoutItem Caption="Company" ColSpan="2" Width="100%">

                                <LayoutItemNestedControlCollection>

                                    <dx:LayoutItemNestedControlContainer runat="server">

                                        <dx:ASPxComboBox ID="cmbCompany" runat="server" Width="100%" AutoPostBack="True" DataSourceID="CompSQL" OnSelectedIndexChanged="cmbCompany_SelectedIndexChanged" TextField="MDRF_CompDesc" ValueField="MDRF_CompId">

                                        </dx:ASPxComboBox>

                                        <asp:SqlDataSource ID="CompSQL" runat="server" ConnectionString="<%$ ConnectionStrings:MDRFConnectionString %>" SelectCommand="SELECT [MDRF_CompId], [MDRF_CompShort], [MDRF_CompDesc] FROM [MDRF_Company] ORDER BY [MDRF_CompDesc]"></asp:SqlDataSource>

                                    </dx:LayoutItemNestedControlContainer>

                                </LayoutItemNestedControlCollection>

                                <CaptionSettings HorizontalAlign="Left" Location="Top" VerticalAlign="Middle" />

                            </dx:LayoutItem>

                            <dx:LayoutItem Caption="Department" Width="100%">

                                <LayoutItemNestedControlCollection>

                                    <dx:LayoutItemNestedControlContainer runat="server">

                                        <dx:ASPxComboBox ID="cmbDepartment" runat="server" DataSourceID="DeptSQL" TextField="MDRF_DepDesc" ValueField="MDRF_DepId" AutoPostBack="True" OnSelectedIndexChanged="cmbDepartment_SelectedIndexChanged">

                                        </dx:ASPxComboBox>

                                        <asp:SqlDataSource ID="DeptSQL" runat="server" ConnectionString="<%$ ConnectionStrings:MDRFConnectionString %>" SelectCommand="SELECT [MDRF_DepDesc], [MDRF_DepId], [MDRF_Comp] FROM [MDRF_Department] WHERE ([MDRF_Comp] = @MDRF_Comp)">

                                            <SelectParameters>

                                                <asp:ControlParameter ControlID="cmbCompany" Name="MDRF_Comp" PropertyName="Value" Type="Int32" />

                                            </SelectParameters>

                                        </asp:SqlDataSource>

                                    </dx:LayoutItemNestedControlContainer>

                                </LayoutItemNestedControlCollection>

                                <CaptionSettings HorizontalAlign="Left" Location="Top" VerticalAlign="Middle" />

                            </dx:LayoutItem>

Is there a way to call that in javascript?

Thanks