1. Home
  2. Forum
  3. jQuery
  4. synchfusion dropdown click event not workin

synchfusion dropdown click event not workin

<input type="text" id="drpDashboard" ej-dropdownlist e-fields-id="id" e-datasource="dashBoardViewModelList" e-fields-text="dashboardName" e-fields-value="id" e-width="100%" e-select="getDashboard" e-create="oncreate" e-value="selectedDashboard" e-selecteditemindex="0"></input>

Can you provide dropdown with  mouse  click event. on selection of any item of dropdown.


can you provide me example of synchfusion dropdown example with angular js
with rebind of with data.

for example on page load binding is done after some action like button click I want to rebind it with new dynamic data source

so can you provide me example with  update the the datasource of dropdown.


1 Reply
HP Harikrishnan P Syncfusion Team July 29, 2015 11:36 AM UTC

Hi Bharat,

Thanks for using Syncfusion products.

Query: Can you provide dropdown with mouse click event. On selection of any item of dropdown.

On selection on any items from DropDownList popup, “select” event will be triggered you can make use of it. We have showcased how to attach the “select” event to DropdownList in the below attached JS playground link.

Query: on page load binding is done after some action like button click I want to rebind it with new dynamic data source

We can change the data source dynamically using the “option” method. Using the object created for DropDownList we can access the “option” method as shown below


               $scope.changedata = function (e) {

                   //Object for DropDownList created

                   dropdownObj = $("#bookSelect").data("ejDropDownList");

                   //Datasource changed dynamically

                   dropdownObj.option("dataSource", BikeList);

               }


We have prepared a simple sample using the JS playground link to showcase your requirement, please check it

http://jsplayground.syncfusion.com/brsxljrr

To get started with our components and to know about the important features in any particular component, go to the help link and click on the particular component. For example, getting started and key features in Grid can be found in

http://helpjs.syncfusion.com/js/grid/overview

To know about the list of properties, methods and events supported by any JS component, go to the online help link for JS (http://helpjs.syncfusion.com/js/overview) and click on the “API reference” section and navigate to the particular component. For example, to know all the available options in DropDownList check the following link,

http://helpjs.syncfusion.com/js/api/ejdropdownlist

Please let us know if you have further queries.

Regards,
HariKrishnan

Loader.
Up arrow icon