Dropdown Template Checkbox with Multi column

[tamil]

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]

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> 

  

 

 

Sample link : http://www.syncfusion.com/downloads/support/forum/129860/ze/dropdowmlisttemplate5728278.zip  

 

Regards, 

Karthikeyan V.