My Code
Need to By default set item to "ALL" <ejs-dropdownlist id="drpDesignationGroup" cssClass="e-custom" dataSource="@Model.DataManagementDropDownsViewModel.DesignationGroupId.Items" ejs-for="@Model.DataManagementDropDownsViewModel.DesignationGroupId" placeholder="Select" popupHeight="220px" allowFiltering="true" focus="addNullDesignation"> <e-dropdownlist-fields text="Text" value="Value"></e-dropdownlist-fields> </ejs-dropdownlist>
<script type="text/javascript"> var focusNullDesignation = false;
function addNullDesignation() { if (!focusNullDesignation) { var dropObject = document.getElementById("drpDesignationGroup")["ej2_instances"][0]; // Add "ALL" item at the first position dropObject.addItem({ Value: 0, Text: "ALL" }, 0); // Add "Null Designations" item at the second position dropObject.addItem({ Value: -1, Text: "Null Designations" }, 1); // Update the dropdown list dropObject.dataBind(); } focusNullDesignation = true; } </script>
Need to By default Show item to "ALL"