ahmed salah

ahmed salah

  • 1.2k
  • 547
  • 66.6k

employee Name not display after page view load on create action result

Aug 27 2023 5:18 PM

I work on asp.net mvc . i face issue employee name display based on auto complete selection 

and after select employee id from auto complete employee name display based on selection employee id

after click submit button create action fire and page load but employee name not display so 

How to solve this issue please 

full code details

@model HR.WorkforceRequisition.Models.ResignationRequester
@{
    ViewBag.Title = "Create";
}
@using (Html.BeginForm("Create", "Resignation", FormMethod.Post, new { enctype = "multipart/form-data", @id = "mainform", style = "padding-top: 50px" }))
{
    <div class="form-horizontal">
        <div class="row">
            <div class="form-group col-md-6 hover">
                <div class="col-md-5">
                    @Html.LabelFor(model => model.LineManager, htmlAttributes: new { @class = "control-label" })
                    <span class="text-danger"> *</span>
                </div>

                <div class="col-md-7">
                    @Html.EditorFor(model => model.LineManager, new { htmlAttributes = new { @class = "form-control", id = "txtLineManagerId" } })
                </div>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-6 hover">
                <div class="col-md-5">
                    @Html.Label("Line Manager Name", htmlAttributes: new { @class = "control-label" })
                </div>
                <div class="col-md-7">
                    <input type="text" id="LineManagerName" class="form-control" /> 
                </div>
            </div>
        </div>
        <div id="searchContainer">
        </div>
        <div id="searchContainerDirector" style="margin-left:900px;">
        </div>
        <div class="form-group">
            <div class="col-md-offset-0 col-md-12">
                <input type="submit" value="Submit" class="btn btn-success" />
            </div>
        </div>
    </div>
}
 $(document).ready(function () {
        $("#txtLineManagerId").autocomplete({
            source: function (request, response) {
                var searchText = $("#txtLineManagerId").val();
                console.log("search text" + searchText)
                $.ajax({
                    url: '@Url.Action("GetAllEmployeeBasedSearchText", "Resignation")',
                    data: { searchText: searchText },
                    method: "GET",
                    dataType: "json",
                    success: function (data) {
                        response($.map(data, function (item) {
                            console.log("data is" + item.EmployeeID);
                       
                            return { label: item.EmployeeID, value: item.EmployeeID, employeeName: item.EmployeeName };
                        }))
                    }
                });
            },
            position: { my: "right top", at: "right bottom" },
            appendTo: '#searchContainer',
            select: function (event, ui) {

                $("#LineManagerName").val(ui.item.employeeName);
            }
        });
</script>
public class ResignationController : Controller
{
    public ActionResult GetAllEmployeeBasedSearchText(string searchText)
    {
        JDEUtility jde = new JDEUtility();
     
        List<object> employeeListCriteria = new List<object>();
        employeeListCriteria = jde.GetAllEmployeeBasedSearchText(searchText);
        return Json(employeeListCriteria, JsonRequestBehavior.AllowGet);

    }
}

//post action result create
public async Task<ActionResult> Create(ResignationRequester resignationRequester)
{
    return View(resignationRequester);
}

after create submit


Answers (1)