0
I work on asp.net MVC web API . I face issue when call web API using jQuery ajax request
my issue is autocomplete result display separated by slash
Id - Name - Designation
but expected result I need to get is :
Id : 121
Name : michel nicol
Designation : It Manager
Meaning I need to display Id on First line and second line I will display Name and Third Line I will display Designation .
so every property will be on one line instead of using slash separated .
full code details
$("#txtDirectManagerId").autocomplete({
source: function (request, response) {
var searchTextDirectManager = $("#txtDirectManagerId").val();
console.log("search text" + searchTextDirectManager)
$.ajax({
url: '@Url.Action("GetAllEmployeeBasedSearchTextDirectManager", "Resignation")',
data: { searchTextDirectManager: searchTextDirectManager },
method: "GET",
dataType: "json",
success: function (data) {
response($.map(data, function (item) {
label: "File No : " + item.EmployeeID + " - " + "Name :" + item.EmployeeName + " - " +
"Designation : " + item.Designation, value: item.EmployeeID, employeeName: item.EmployeeName
};
}))
}
});
},
position: { my: "right top", at: "right bottom" },
appendTo: '#searchContainerDirector',
select: function (event, ui) {
$("#DirectManagerName").val(ui.item.employeeName);
},
minLength: 4,
});
html controls used on autocomplete
<div class="col-md-7">
@Html.EditorFor(model => model.LineManager, new { htmlAttributes = new { @class = "form-control", id = "txtLineManagerId" } })
<div id="searchContainer">
</div>
</div>
<div class="col-md-7">
</div>