Migration from Essential JS 1

21 Feb 202221 minutes to read

This article describes the API migration process of multiselect component from Essential JS 1 to Essential JS 2.

Accessibility and Localization

Behavior Property in Essential JS 1 Property in Essential JS 2
Localization Property : Locale

@Html.EJ().DropDownList("locale").Locale("de-DE")
Property : Locale

@Html.EJS().MultiSelect("locale").Locale("de-DE").Render()
Right to left Property: EnableRTL

@Html.EJ().DropDownList("rtl").EnableRTL(true)
Property: EnableRtl

@Html.EJS().MultiSelect("rtl").EnableRtl(true).Render()

Animation

Behavior Property in Essential JS 1 Property in Essential JS 2
Animation Property : EnableAnimation

@Html.EJ().DropDownList("default").EnableAnimation(true)
Not Applicable

Template

Behavior Property in Essential JS 1 Property in Essential JS 2
Header Template Property : HeaderTemplate

@Html.EJ().DropDownList("DropDownList1").Datasource((IEnumerable<Employee1>)ViewData["LocalDataSource"]).HeaderTemplate("<div class='eheader'><span>PHOTO</span> <span>DETAILS</span></div>")
Property : HeaderTemplate

@Html.EJS().MultiSelect("remote").HeaderTemplate("<span class='head'><span class='name'>Name</span><span class='city'>City</span></span>").Render()
Item Template Property :ItemTemplate

@Html.EJ().DropDownList("DropDownList1").Datasource((IEnumerable<Employee1>)ViewData["LocalDataSource"]).Template("<div><Image class='ImageId' src='../Content/Employees/${Image}.png' alt='employee'/> <div class='ename'> ${Text} </div><div class='role'> ${Role} </div><div class='cont'> ${Country} </div></div>")
Property : ItemTemplate

@Html.EJS().MultiSelect("remote").ItemTemplate("<div><span class='name'>${FirstName}</span><span class ='city'>${City}</span></div>").Render()
Footer Template Property : Not Applicable Property : FooterTemplate

@Html.EJS().MultiSelect("remote").FooterTemplate("<span class='foot'> Total list items: " + 4 + "</span>").Render()
Group Template Property : Not Applicable Property : GroupTemplate

@Html.EJS().MultiSelect("remote").GroupTemplate("<strong>${City}</strong>").Render()
Value Template Property : Not Applicable Property : ValueTemplate

@Html.EJS().MultiSelect("remote").ValueTemplate("<span>${FirstName} - ${City}</span>").Render()
No Records Template Property : Not Applicable Property : NoRecordsTemplate

@Html.EJS().MultiSelect("remote").NoRecordsTemplate("<span class='norecord'> NO DATA AVAILABLE</span>").Render()
Action Failure Template Property : Not Applicable Property : actionFailureTemplate

@Html.EJS().MultiSelect("remote").ActionFailureTemplate("<span class='action-failure'> Data fetch get fails</span>").Render()

Data Binding

Behavior Property in Essential JS 1 Property in Essential JS 2
Data Source Property : Datasource

@Html.EJ().DropDownList("DropDownList1").Datasource((IEnumerable<Employee>)ViewData["LocalDataSource"]).DropDownListFields(Df => Df.Text("Text").Value("Country"))
Property : Datasource

` @Html.EJS().MultiSelect(“default”).DataSource((IEnumerable)ViewBag.localdata).Render()`
Query Property : Query

@Html.EJ().DropDownList("customerList").Datasource(ds => ds.URL("https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/").CrossDomain(true)).Query("ej.Query().from('Customers').take(6)").DropDownListFields(f => f.Text("CustomerID"))
Property : Query

@Html.EJS().MultiSelect("remote").Query((string)ViewBag.query).DataSource(obj => obj.Url("http://services.odata.org/V4/Northwind/Northwind.svc/").CrossDomain(true).Adaptor("ODataV4Adaptor")).Fields( new MultiSelectFieldSettings { Text = "FirstName", Value = "EmployeeID" }).Render()
Fields Property : Fields

@Html.EJ().DropDownList("customerList").Datasource(ds => ds.URL("https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/").CrossDomain(true)).Query("ej.Query().from('Customers').take(6)").DropDownListFields(f => f.Text("CustomerID"))
Property : Fields

@Html.EJS().MultiSelect("remote").Query((string)ViewBag.query).DataSource(obj => obj.Url("http://services.odata.org/V4/Northwind/Northwind.svc/").CrossDomain(true).Adaptor("ODataV4Adaptor")).Fields( new MultiSelectFieldSettings { Text = "FirstName", Value = "EmployeeID" }).Render()
Action Begin Event : ActionBegin

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.ActionBegin("onActionBegin")
Event : ActionBegin

@Html.EJS().MultiSelect("list").ActionBegin("onActionBegin").Render()
Action Complete Event : ActionComplete

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.ActionComplete("onActionComplete")
Event : ActionComplete

@Html.EJS().MultiSelect("list").ActionComplete("onActionComplete").Render()
Action Failure Event : ActionFailure

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.ActionFailure("onActionFailure")
Event : ActionFailure

@Html.EJS().MultiSelect("list").ActionFailure("onActionFailure").Render()
Action Success Event :ActionSuccess

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.ActionSuccess("onActionSuccess")
Not Applicable
Data Bound Event : DataBound

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.DataBound("onDataBound")
Event : DataBound

@Html.EJS().MultiSelect("list").DataBound("onDataBound").Render()

Filtering

Behavior Property in Essential JS 1 Property in Essential JS 2
Filtering Property : EnableFilterSearch

@Html.EJ().DropDownList("default").EnableFilterSearch(true)
Property : AllowFiltering

@Html.EJS().MultiSelect("default").AllowFiltering(true).Render()
Server Filtering Property : EnableServerFiltering

@Html.EJ().DropDownList("default").EnableServerFiltering(true)
Event : Filtering

@Html.EJS().MultiSelect("list").Filtering("onFiltering").Render()
Sorting Property : EnableSorting

@Html.EJ().DropDownList("default").EnableSorting(true)
Property : SortOrder

@Html.EJS().MultiSelect("default").SortOrder('Ascending').Render()
Case Sensitive Search Property : CaseSensitiveSearch

@Html.EJ().DropDownList("default").CaseSensitiveSearch(true)
Property : IgnoreCase

@Html.EJS().MultiSelect("default").IgnoreCase(true).Render()
Ignore Accent Not Applicable Property : IgnoreAccent

@Html.EJS().MultiSelect("default").IgnoreAccent(true).Render()
Filter Bar Placeholder Not Applicable Property : FilterBarPlaceholder

@Html.EJS().MultiSelect("default").Mode('CheckBox').FilterBarPlaceholder('search the value').Render()
Search Event : Search

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.Search("onSearch")
Event : Filtering

@Html.EJS().MultiSelect("list").Filtering("onFiltering").Render()

Popups

Behavior Property in Essential JS 1 Property in Essential JS 2
Popup Resize Property : EnablePopupResize

@Html.EJ().DropDownList("default").EnablePopupResize(true)
Not Applicable
Maximum Popup Height Property : MaxPopupHeight

@Html.EJ().DropDownList("default").MaxPopupHeight(300)
Not Applicable
Minimum Popup Height Property : MinPopupHeight

@Html.EJ().DropDownList("default").MinPopupHeight(200)
Not Applicable
Maximum Popup Width Property : MaxPopupWidth

@Html.EJ().DropDownList("default").MaxPopupWidth(300)
Not Applicable
Minimum Popup Width Property : MinPopupWidth

@Html.EJ().DropDownList("default").MinPopupWidth(100)
Not Applicable
Popup Height Property : PopupHeight

@Html.EJ().DropDownList("default").PopupHeight(500)
Property : PopupHeight

@Html.EJS().MultiSelect("default").PopupHeight(500).Render()
Popup Width Property : PopupWidth

@Html.EJ().DropDownList("default").PopupWidth(300)
Property : popupWidth

@Html.EJS().MultiSelect("default").popupWidth(300).Render()
Show Popup On Load Property : showPopupOnLoad

@Html.EJ().DropDownList("default").showPopupOnLoad(true)
Not Applicable
Close Popup On Select Not Applicable Property : ClosePopupOnSelect

@Html.EJS().MultiSelect("default").ClosePopupOnSelect(true).Render()
Open On Click Not Applicable Property : OpenOnClick

@Html.EJS().MultiSelect("default").OpenOnClick(true).Render()
hidePopup Method : hidePopup

@Html.EJ().DropDownList("default")

$(‘#dropdown’).ejDropDownList(‘hidePopup’)
Method : hidePopup

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.hidePopup()
showPopup Method : showPopup

@Html.EJ().DropDownList("default")

$(‘#dropdown’).ejDropDownList(‘showPopup’)
Method : showPopup

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.showPopup()
Popup Hide Event : PopupHide

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.PopupHide("onPopupHide")
Event : Close

@Html.EJS().MultiSelect("list").Close("onClose").Render()
Popup Shown Event : PopupShown

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.PopupShown("onPopupShown")
Event : Open

@Html.EJS().MultiSelect("list").Open("onOpen").Render()
Popup Resize Event : PopupResize

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.PopupResize("onPopupResize")
Not Applicable
Popup Resize Start Event : PopupResizeStart

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.PopupResizeStart("onPopupResizeStart")
Not Applicable
Popup Resize Stop Event : PopupResizeStop

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.PopupResizeStop("onPopupResizeStop")
Not Applicable
Before Popup Hide Event : BeforePopupHide

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.BeforePopupHide("onBeforePopupHide")
Not Applicable
Before Popup Shown Event : BeforePopupShown

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.BeforePopupShown("onBeforePopupShown")
Not Applicable

Selection

Behavior Property in Essential JS 1 Property in Essential JS 2
Selected Index Property : SelectedIndex

@Html.EJ().DropDownList("default").SelectedIndex(2)
Not Applicable
Selected Indices Property : SelectedIndices

@Html.EJ().DropDownList("default").ShowCheckbox(true).SelectedIndices(new List<int> { 1,2 })
Property : Value

viewBag.vlue = [1,2]

@Html.EJS().MultiSelect("default").Value(ViewBag.value).Render()
Maximum Selection Length Not Applicable Property : MaximumSelectionLength

@Html.EJS().MultiSelect("default").MaximumSelectionLength(5).Render()
Select All Text Not Applicable Property : SelectAllText

@Html.EJS().MultiSelect("default").SelectAllText('Check All').Render()
Un Select All Text Not Applicable Property : UnSelectAllText

@Html.EJS().MultiSelect("default").UnSelectAllText('Un Check All').Render()
Selection Order Not Applicable Property : EnableSelectionOrder

@Html.EJS().MultiSelect("default").EnableSelectionOrder(true).Render()
Hide Selected Item Not Applicable Property : HideSelectedItem

@Html.EJS().MultiSelect("default").HideSelectedItem(true).Render()
Get Selected Item Method : getSelectedItem()

@Html.EJ().DropDownList("selectCompany")

$(‘#dropdown’).ejDropDownList(‘getSelectedItem’)
Property : value

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.value
Get Selected Value Method : getSelectedValue()

@Html.EJ().DropDownList("selectCompany")

$(‘#dropdown’).ejDropDownList(‘getSelectedValue’)
Property : value

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.value
Select Items By Indices Method : selectItemsByIndices()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.selectItemsByIndices(“2,3”)
Not Applicable
Select Item By Text Method : selectItemByText()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.selectItemByText(“Computer IT ,Comics “)
Not Applicable
Select Item By Value Method : selectItemByValue()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.selectItemByValue(“Computer IT ,Comics “)
Not Applicable
Un select Items By Indices Method : unselectItemsByIndics()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.unselectItemsByIndices (“2,3”)
Not Applicable
Un select Item By Text Method : unselectItemByText()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.unselectItemByText (“Computer IT ,Comics “)
Not Applicable
Un select Item By Value Method : unselectItemByValue()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.unselectItemByValue (“Computer IT ,Comics “)
Not Applicable
Selected All Method : checkAll()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.checkAll()
Method : selectAll

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.selectAll(true)
Un Selected All Method : unCheckAll()

@Html.EJ().DropDownList("selectCompany")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.unCheckAll()
Method : selectAll

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.selectAll(false)

Common

Behavior Property in Essential JS 1 Property in Essential JS 2
Virtual Scrolling Property : AllowVirtualScrolling

@Html.EJ().DropDownList("default").AllowVirtualScrolling(true)
It will be acheived in sample level using actionComplete event
Virtual Scroll Mode Property : VirtualScrollMode

@Html.EJ().DropDownList("default").AllowVirtualScrolling(true).VirtualScrollMode(VirtualScrollMode.Normal)
Not Applicable
Custom class Property : CssClass

@Html.EJ().DropDownList("default").CssClass('customstyle')
Property : CssClass

@Html.EJS().MultiSelect("default").CssClass('customstyle').Render()
Delimiter Char Property : DelimiterChar

@Html.EJ().DropDownList("default").DelimiterChar('.')
Property : DelimiterChar

@Html.EJS().MultiSelect("default").DelimiterChar('.').Render()
Enable Property : Enable

<@Html.EJ().DropDownList("default").Enable(true)
Property : Enabled

@Html.EJS().MultiSelect("default").Enabled(true).Render()
Persistence Property : EnablePersistence

@Html.EJ().DropDownList("default").EnablePersistence(true)
Property : EnablePersistence

@Html.EJS().MultiSelect("default").EnablePersistence(true).Render()
Load On Demand Property : LoadOnDemand

@Html.EJ().DropDownList("default").LoadOnDemand(true)
By default, provided load on demand support
Height Property : Height

@Html.EJ().DropDownList("default").Height(100)
Not Applicable
Html Attributes Property : HtmlAttributes

@Html.EJ().DropDownList("default").HtmlAttributes((IDictionary<string,object>)ViewData["HtmlAttrData"])
Property : HtmlAttributes

@Html.EJS().MultiSelect("default").HtmlAttributes((IDictionary<string,object>)ViewData.htmlAttrData).Render()
Width Property : Width

@Html.EJ().DropDownList("default").Width(500)
Property : Width

@Html.EJS().MultiSelect("default").Width(400).Render()
Mode Property : MultiSelectMode

@Html.EJ().DropDownList("default").MultiSelectMode(MultiSelectModeTypes.Delimiter)
Property : Mode

1. Delimeter

2. Box

3. Default

4. CheckBox

@Html.EJS().MultiSelect("default").Mode('Delimeter').Render()
Read Only Property : ReadOnly

@Html.EJ().DropDownList("default").ReadOnly(true)
Property : Readonly

@Html.EJS().MultiSelect("default").Readonly(true).Render()
Checkbox Property : ShowCheckbox

@Html.EJ().DropDownList("default").ShowCheckbox(true)
Property : Mode

@Html.EJS().MultiSelect("default").Mode('CheckBox').Render()
Rounded Corner Property : ShowRoundedCorner

@Html.EJ().DropDownList("default").ShowRoundedCorner(true)
Not Applicable
Target ID Property : TargetID

@Html.EJ().DropDownList("DropDownList1").TargetID("mail")<div id="mail"><ul><li><div class="mailtools categorize"></div>Categorize and Move</li></ul></div>
Not Applicable
Text Property : Text

@Html.EJ().DropDownList("DropDownList1").Text("Employee Name")
Property : Text

@Html.EJS().MultiSelect("default").Text("Employee Name").Render()
Validation Message Property : ValidationMessage

@Html.EJ().DropDownList("DropDownList1").Datasource((IEnumerable<Data>)ViewData["DropDownSource"]).DropDownListFields(Df => Df.Text("Text").Value("Value")).ValidationMessage(message => message.AddMessage("required", "* Required").AddMessage("min","Select > 30")))
The default error message for a rule can be customizable by defining it along with concern rule.
Validation Rules Property : ValidationRules

@Html.EJ().DropDownList("DropDownList1").Datasource((IEnumerable<Data>)ViewData["DropDownSource"]).DropDownListFields(Df => Df.Text("Text").Value("Value")).ValidationRules(vr => vr.AddRule("required", true).AddRule("min",30))
Use Form validator to validate the multiselect component and set validation rules.
Value Property : Value

@Html.EJ().DropDownList("DropDownList1").Value("Employee Value")
Property : Value

@Html.EJS().MultiSelect("default").Value(ViewBag.value).Render()
Watermark Text Property : WatermarkText

@Html.EJ().DropDownList("DropDownList1").WatermarkText("Select employee")
Property : Placeholder

@Html.EJS().MultiSelect("default").Placeholder('Select employee').Render()
Custom Value Not Applicable Property : AllowCustomValue

@Html.EJS().MultiSelect("default").AllowCustomValue(true).Render()
Clear Button Not Applicable Property : ShowClearButton

@Html.EJS().MultiSelect("default").ShowClearButton(true).Render()
DropDown Icon Not Applicable Property : ShowDropDownIcon

@Html.EJS().MultiSelect("default").ShowDropDownIcon(true).Render()
Show Select All Not Applicable Property : ShowSelectAll

@Html.EJS().MultiSelect("default").ShowSelectAll(true).Render()
z-Index Not Applicable Property : ZIndex

@Html.EJS().MultiSelect("default").ZIndex(1000).Render()
Add Item Method : addItem(object)

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.addItem({ text :”new item”});
Method : addItem(object)

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.addItem({ text :"new item"})
Clear Text Method : clearText()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.clearText();
Property : value

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.value = null
destroy Method : destroy()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.destroy();
Property : destroy

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.destroy()
Disable Method : disable()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.disable();
Property : Enabled

@Html.EJS().MultiSelect("default").Enabled(false).Render() />
Enable Method : enable()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.enable();
Property : Enabled

@Html.EJS().MultiSelect("default").Enabled(true).Render()
Disable Items By Indices Method : disableItemsByIndics()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.disableItemsByIndics(“3,4,5”);
Not Applicable
Enable Items By Indices Method : enableItemsByIndices()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.enableItemsByIndices(“3,4,5”);
Not Applicable
Get Item Data By Value Method : getItemDataByValue(“value”)

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.getItemDataByValue(“value”);
Method : getDataByValue(“value”)

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.getDataByValue(“value”)
Get List Data Method : getListData()

@Html.EJ().DropDownList("DropDownList1")

var dropdown = $(“#dropdown “).data(“ejDropDownList”); dropdown.getListData();
Not Applicable
Hide Spinner Not Applicable Method : hideSpinner()

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.hideSpinner()
Show Spinner Not Applicable Method : showSpinner()

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.showSpinner()
Refresh Not Applicable Method : refresh()

@Html.EJS().MultiSelect("default").Render()

var mulObj = document.getElementById('multiselect').ej2_Instances[0];

mulObj.refresh()
Change Event : Change

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.Change("onChange")
Event : Change

@Html.EJS().MultiSelect("list").Change("onChange").Render()
Check Change Event : CheckChange

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.CheckChange("onCheckChange")
Not Applicable
Create Event : Create

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.Create("onCreate")
Event : Created

@Html.EJS().MultiSelect("list").Created("onCreated").Render()
Destroy Event : Destroy

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.Destroy("onDestroy")
Event : Destroyed

@Html.EJS().MultiSelect("list").Destroyed("onDestroyed").Render()
Focus In Event : FocusIn

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.FocusIn("onFocusIn")
Event : Focus

@Html.EJS().MultiSelect("list").Focus("onFocus").Render()
Focus Out Event : FocusOut

@Html.EJ().DropDownList("selectCompany").ClientSideEvents(e => e.FocusOut("onFocusOut")
Event : Blur

@Html.EJS().MultiSelect("list").Blur("onBlur").Render()
Chip Selection Not Applicable Event : ChipSelection

@Html.EJS().MultiSelect("list").ChipSelection("onChipSelection").Render()
Custom Value Selection Not Applicable Event : CustomValueSelection

@Html.EJS().MultiSelect("list").CustomValueSelection("onCustomValueSelection").Render()
Removed Not Applicable Event : Removed

@Html.EJS().MultiSelect("list").Removed("onRemoved").Render()
Removing Not Applicable Event : Removing

@Html.EJS().MultiSelect("list").Removing("onRemoving").Render()
Tagging Not Applicable Event : Tagging

@Html.EJS().MultiSelect("list").Tagging("onTagging").Render()