We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

synchfusion dropdown click event not workin

Thread ID:

Created:

Updated:

Platform:

Replies:

119754 Jul 28,2015 11:33 AM UTC Jul 29,2015 11:36 AM UTC JavaScript 1
loading
Tags: ejDropDownList
Bharat Buddhadev
Asked On July 28, 2015 11:33 AM UTC

<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.


Harikrishnan P [Syncfusion]
Replied On 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

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;