Description:Set focus to the filter search box of DropDownList dynamically. Solution:Set focus to the filter search input box of DropDownList dynamically by executing the focus () method on search box in the _OnPopupHideShow method of DropDownList. Refer to the following code snippet: Javascript:<input type="text" id="skillsets" />
<script type="text/javascript">
var target;
$(function () {
var skillset = [
{ skill: "ASP.NET" }, { skill: "ActionScript" }, { skill: "Basic" },
{ skill: "C++" }, { skill: "C#" }, { skill: "dBase" }, { skill: "Delphi" },
{ skill: "ESPOL" }, { skill: "F#" }, { skill: "FoxPro" }, { skill: "Java" },
{ skill: "J#" }, { skill: "Lisp" }, { skill: "Logo" }, { skill: "PHP" }
];
$('#skillsets').ejDropDownList({
dataSource: skillset,
fields: { text: "skill" },
enableFilterSearch:true,
showCheckbox: true,
});
target = $('#skillsets').data("ejDropDownList");
var srcFunction = target._OnPopupHideShow;
target._OnPopupHideShow = function (e) {
srcFunction.call(this, e);
$(target.inputSearch).focus();
}
});
</script>
N> By default, filter search input box will be focused on popup in 15.2.0.40 and the above versions. This workaround is applicable for older versions that is before 15.2.
|
This page will automatically be redirected to the sign-in page in 10 seconds.
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.
