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 Template Checkbox with Multi column

Thread ID:

Created:

Updated:

Platform:

Replies:

129860 Apr 6,2017 06:18 AM Apr 8,2017 09:31 AM ASP.NET Core 1
loading
Tags: DropDownList
tamil
Asked On April 6, 2017 06:18 AM

hi,

          Here, i have to using Template in Dropdown.But, the problem is when i checked check box that get the All column text and showing on the text box .  But my recruitement is first colum text only showing on the  textbox. so, please help me..

thanks & regards

tamil.p  

Karthikeyan Viswanathan [Syncfusion]
Replied On April 8, 2017 09:31 AM

Hi Tamil,     
 
Thanks for contacting Syncfusion support. 
       
You can cancel the selection using argument.cancel in Select event. And you can change the element value in change event without changing the model selection. You can use any one of the event to customize your requirement. Please refer to the below code snippet: 
     
<code>     
@{ 
    Html.EJ().DropDownList("DropDownList").Width("100%").Datasource((IEnumerable<Bikes>)ViewBag.datasource).MultiSelectMode(MultiSelectModeTypes.Delimiter).Width("200").Template("<span> ${text} </span>").WatermarkText("Select an item").ShowCheckbox(true).ClientSideEvents(obj => obj.Change("dropchange").Select("dropselect")).Render(); 
} 
</code>     
<code> 
 
<script type="text/javascript"> 
    function dropselect(args) { 
// You can cancel the selection 
        if (args.value != "Apache RTR") 
            args.cancel = true; 
    } 
    function dropchange(args) { 
// You can select other items and replace the element value with first one. But model values are maintained with that selection. 
        if (args.selectedValue != "Apache RTR" || args.model.selectedIndices.indexOf(0) > -1) 
            this._visibleInput.val("Apache RTR"); 
        else this._visibleInput.val(""); 
    } 
</script></code> 
  
 
 
 
Regards, 
Karthikeyan V. 
 


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.

;