synchfusion dropdown click event not workin

1 Reply
2 Participants

Created by
BB Bharat Buddhadev

Platform
jQuery

Platform
jQuery

Control
ejDropDownList

Created On
Jul 28, 2015 11:33 AM UTC

Last Activity On
Jul 29, 2015 11:36 AM UTC

Want to subscribe?
SIGN IN

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

1 Reply
2 Participants
Want to subscribe?
SIGN IN
Created by
BB Bharat Buddhadev
Platform
jQuery
Control
ejDropDownList
Created On
Jul 28, 2015 11:33 AM UTC
Last Activity On
Jul 29, 2015 11:36 AM UTC