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.
Unfortunately, activation email could not send to your email. Please try again.

Dropdown click event is not woking

Thread ID:

Created:

Updated:

Platform:

Replies:

119753 Jul 28,2015 07:32 AM Jul 29,2015 05:43 AM JavaScript 1
loading
Tags: ejDropDownList
Bharat Buddhadev
Asked On July 28, 2015 07:32 AM

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

other wise its better to close your product. it just a waste of time to use your product.




Sasikala Nagarajan [Syncfusion]
Replied On July 29, 2015 05:43 AM

Hi Bharat,

Thanks for using Syncfusion products,


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

We would like let you know that, in DropDownList client side event“select” will trigger whenever we select the item in dropdown list popup. From this event's arguments we can get curently selecteditem value,text,id.
Please refer the below code snippet

<input id="bookSelect" ej-dropdownlist e-datasource="dataList" e-select="valueSelect" e-value="value" />

function select(args) {
// we can get value,text,id from args
}


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

We can achieve your requirement by setting our DropDownList data Source property value dynamically using DropDownList object.
Please refer the below code snippet to know about setting datasource and mapping corresponding fields dynamically.

function bindData(args) {

target = $('#bookSelect').ejDropDownList("instance");

target.option("dataSource",NewList);

target.option("fields",{id:"empid",text:"text",value:"text"});

}




We have prepared the sample based on your requirements in dropdown. Please check with the below link

http://jsplayground.syncfusion.com/nfwy4azv

In this sample, We have rendered the dropdown list control with carslist[[List] dataSource using ej angular directive and provide one button to change the new dataSource Dynamically. In that button click event we have accessed the dropdown list instance and changed the dropdown list’s dataSource with new dataSource BooksList[NewList] and mapped its corresponding fields.

Also, we have showcased the select event of dropdown list in this sample.

Please check with the given samples and code snippet and let us know if you have further queries,

Regards,

Sasikala Nagarajan

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.

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.

;