SelectedIndex

[Hrvoje Voda]

I'm using this code to fill one dropdown list with another but nothing happens.aspx:                                                                                                                                                                    

                                                             
                                                                                           Broj narudžbe
                               
                                Status narudžbe
                               

                               

                                                                             

Razlog naručivanja

Mjesto troška

                               

                                   

                               

                                   

                                                                        VEZANI MATERIJAL
                                   

                                                                                                                                                    

                                                                                                                                                                                       vb.net code:   Protected Sub ddlRazlog_Selected_Index_Changed(ByVal sender As Object, ByVal e As Syncfusion.JavaScript.Web.DropdownListEventArgs)                      If (e.Value = 3) Then                      ddlMTNarudbe.DataSource = uma.dohvatiPodatke(conn, dohvatiOfficeNarudbeRazlog, "@PartnerID", Convert.ToInt32(Session("PartnerID").ToString()))                     ddlMTNarudbe.DataBind()                                   End If    End Sub

[Hrvoje Voda]

Here is a file with code.
Attachment: dropDownList_d94e188b.7z

[Gopi Govindasamy]

Hi Hrvoje, 

We have prepared a sample based on your requirement for dropdownlist value select to fill datasource to another dropdownlist. Please refer the below attached sample below link. 

  

Sample Link: http://www.syncfusion.com/downloads/support/forum/130640/ze/VBDropdownlist-1822708915.zip 

  

Regards, 

Gopi G.   

[Hrvoje Voda]

I can't open zip file.

[Gopi Govindasamy]

Hi Hrvoje,  

We have open and checked the reported issue and the project is working fine. We have attached code snippet and sample below link.  

   <ej:DropDownList ID="ddlRazlogNarudbe" runat="server"  OnValueSelect="ddlRazlogNarudbe_ValueSelect" > 

                                      <Items> 

                                       <ej:DropDownListItem Text="Audi A4" Value="Audi A4"></ej:DropDownListItem> 

                                       <ej:DropDownListItem Text="Audi A5" Value="Audi A5"></ej:DropDownListItem> 

                                       <ej:DropDownListItem Text="Audi A6" Value="Audi A6"></ej:DropDownListItem> 

                                       <ej:DropDownListItem Text="Audi A7" Value="Audi A7"></ej:DropDownListItem> 

                                       <ej:DropDownListItem Text="Audi A8" Value="Audi A8"></ej:DropDownListItem> 

                                       </Items> 

                                    </ej:DropDownList></div> 

                                <div  style="float:left;width:300px"> 

                                    <ej:DropDownList ID="ddlMTNarudbe" runat="server"/></div><br /><br /><br /> 

 

 

Protected Sub ddlRazlogNarudbe_ValueSelect(sender As Object, e As Syncfusion.JavaScript.Web.DropdownListEventArgs) 

        If (e.ItemId = 3) Then 

            ddlMTNarudbe.DataTextField = "CustomerID" 

            ddlMTNarudbe.DataSource = "http://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/" 

            ddlMTNarudbe.Query = "ej.Query().from('Customers').take(6)" 

            ddlMTNarudbe.DataBind() 

        End If 

 

Sample Link: http://www.syncfusion.com/downloads/support/forum/130640/ze/Sample-220330072.zip  

Regards, 

Gopi G. 

[Hrvoje Voda]

I tried your code and it works.

Maybe the problem is that I'm using Master Page?

[Prince Oliver]

Hi Hrvoje,   

  

Thank you for your update.   

  

Our controls will work fine in master page too. Please check whether you have included ScriptManager in your master page and also ensure that you have registered the Syncfusion.EJ.Web assembly in that page. Kindly refer to the following code snippet.   

[Site.Master] 

<%@ Register Assembly="Syncfusion.EJ.Web, Version=15.1450.0.41, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" Namespace="Syncfusion.JavaScript.Web" TagPrefix="ej" %> 

 

<asp:ScriptManager runat="server">         

    . . . . . . . . . . . 

</asp:ScriptManager> 

Regards, 

Prince 

[Hrvoje Voda]

I have all that, but it still doesn't work.

[Keerthana Rajendran]

Hi Hrvoje, 

 

We were unable to reproduce the issue and sample works fine at our end. Can you please provide us the sample to reproduce the issue  or else please share us the error details which you get on running our code. This will be helpful to analyze further and provide better solution at the earliest. 

 

 

Regards, 

Keerthana R. 

[Hrvoje Voda]

I found the answer.I'm not using ej.web.all.min.js",                      ej.webform.min.js"Instead there is ej.widget.all.min.jsbecause those file are to large and it's reproduced on loading page.Is there a single .js file just for dropdownlist?And one more problem.Now I put does dropdownlists into popup dialog and when event is fired popup dialog closes.Why?

[Keerthana Rajendran]

Hi Hrvoje,

Query: Is there a single .js file just for dropdownlist?   

   

We suggest you to generate custom scripts for DropDownList control using CSG. Please refer the below given link for details regarding CSG   

   

UG Link:   https://help.syncfusion.com/js/custom-script-generator 

 

Query: And one more problem. Now I put does dropdownlists into popup dialog and when event is fired popup dialog closes. Why?    

   

We have checked this issue in previously updated sample with DropDownList inside ejDialog control. This issue occurs because OnValueSelect is a server side event and dialog is closed after postback because ShowOnInit is initially set to false.    

   

We suggest you to set true to ShowOnInit property of Dialog to true in code behind after databind to open the dialog in value select event as shown in the below code   

   

Protected Sub ddlRazlogNarudbe_ValueSelect(sender As Object, e As Syncfusion.JavaScript.Web.DropdownListEventArgs)   

        If (e.ItemId = 3) Then   

            ddlMTNarudbe.DataTextField = "CustomerID"   

            ddlMTNarudbe.DataSource = "http://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/"   

            ddlMTNarudbe.Query = "ej.Query().from('Customers').take(6)"   

            ddlMTNarudbe.DataBind()   

        End If   

        dialogpopup.ShowOnInit = True   

   

   

We have modified the sample with these changes. Please refer to the below given link for sample   

   

Sample: http://www.syncfusion.com/downloads/support/forum/130640/ze/Sample-71654995.zip   

   

   

Regards,   

Keerthana R.   

  

 

[Hrvoje Voda]

Your code is working, but not good.

I don't want to refresh the entire page when I select something from dropdownlist.

I want that everything stay visible and just to make changes in other dropdownlist.

[Keerthana Rajendran]

Hi Hrvoje, 

 

To avoid full post back we suggest you to use DropDownList inside update panel with AsyncPostBackTrigger. Please refer to the below given code 

 

<asp:UpdatePanel runat="server" UpdateMode="Conditional"> 

          <Triggers> 

              <asp:AsyncPostBackTrigger ControlID="ddlRazlogNarudbe" /> 

          </Triggers> 

          <ContentTemplate> 

 

              <ej:DropDownList ID="ddlRazlogNarudbe" runat="server" OnValueSelect="ddlRazlogNarudbe_ValueSelect"> 

                  <Items> 

                      <ej:DropDownListItem Text="Audi A4" Value="Audi A4"></ej:DropDownListItem> 

                      <ej:DropDownListItem Text="Audi A5" Value="Audi A5"></ej:DropDownListItem> 

                      <ej:DropDownListItem Text="Audi A6" Value="Audi A6"></ej:DropDownListItem> 

                      <ej:DropDownListItem Text="Audi A7" Value="Audi A7"></ej:DropDownListItem> 

                      <ej:DropDownListItem Text="Audi A8" Value="Audi A8"></ej:DropDownListItem> 

                  </Items> 

              </ej:DropDownList> 

              <br /> 

              <br /> 

              <div style="float: left; width: 300px"> 

                  <ej:DropDownList ID="ddlMTNarudbe" runat="server" /> 

              </div> 

              <bold><u> 

                                    VEZANI MATERIJAL</u></bold> 

              <br /> 

          </ContentTemplate> 

      </asp:UpdatePanel> 

             

 

 

We have prepared sample for reference. Please refer to the below given link 

 

Sample: http://www.syncfusion.com/downloads/support/forum/130640/ze/DDL-1088577627.zip 

 

Regards, 

Keerthana.

[Hrvoje Voda]

You gave me an example on main page.

That is working fine, problem remains on popup dialog.

Nothing happens.

[Keerthana Rajendran]

Hi Hrvoje,  

 

Sorry for the inconvenience caused 

 

We suggest you to use <asp:UpdatePanel> with ejDropDownList inside ejDialog so that you can bind data to second dropdown based on selection from first dropdown without refreshing the entire page. Please refer to the code below 

 

<ej:Dialog runat="server" ShowOnInit="false" ID="Dialog1"> 

          <DialogContent> 

              <asp:UpdatePanel runat="server" UpdateMode="Conditional"> 

                  <Triggers> 

                      <asp:AsyncPostBackTrigger ControlID="ddlRazlogNarudbe" /> 

                  </Triggers> 

                  <ContentTemplate> 

 

                      <ej:DropDownList ID="ddlRazlogNarudbe" runat="server" OnValueSelect="ddlRazlogNarudbe_ValueSelect"> 

                          <Items> 

                              <ej:DropDownListItem Text="Audi A4" Value="Audi A4"></ej:DropDownListItem> 

                              <ej:DropDownListItem Text="Audi A5" Value="Audi A5"></ej:DropDownListItem> 

                              <ej:DropDownListItem Text="Audi A6" Value="Audi A6"></ej:DropDownListItem> 

                              <ej:DropDownListItem Text="Audi A7" Value="Audi A7"></ej:DropDownListItem> 

                              <ej:DropDownListItem Text="Audi A8" Value="Audi A8"></ej:DropDownListItem> 

                          </Items> 

                      </ej:DropDownList> 

                      <br /> 

                      <br /> 

                      <div style="float: left; width: 300px"> 

                          <ej:DropDownList ID="ddlMTNarudbe" runat="server" /> 

                      </div> 

                      <bold><u> 

             VEZANI MATERIJAL</u></bold> 

                      <br /> 

                  </ContentTemplate> 

              </asp:UpdatePanel> 

          </DialogContent> 

      </ej:Dialog> 

 

We have modified a sample based on this. Please refer to the below given link 

 

Sample: http://www.syncfusion.com/downloads/support/forum/130640/ze/DropDownList658101920.zip 

 

 

Regards, 

Keerthana.