Javascript 引导4模式内容和Razor页面值从DB结果集更新

Javascript 引导4模式内容和Razor页面值从DB结果集更新,javascript,ajax,bootstrap-modal,razor-pages,asp.net-core-3.1,Javascript,Ajax,Bootstrap Modal,Razor Pages,Asp.net Core 3.1,有一个razor页面(Net Core 3.1)-AddUser.cshtml,需要使用搜索按钮打开bootstrap 4模式,并使用DB搜索结果(基于模式内的搜索参数)填充模式正文,单击模式内的搜索按钮 无法在处理程序中获取用于筛选结果的搜索参数(传递null) 需要为返回的搜索结果在每行的模态体中添加一个按钮,并传递所选结果的Id和Name字段,以填充AddUser页面中的一些文本字段,而不更新整个内容 在关闭时清除模式内容 任何帮助都将不胜感激。 用于搜索的Javascript函数:

有一个razor页面(Net Core 3.1)-AddUser.cshtml,需要使用搜索按钮打开bootstrap 4模式,并使用DB搜索结果(基于模式内的搜索参数)填充模式正文,单击模式内的搜索按钮

  • 无法在处理程序中获取用于筛选结果的搜索参数(传递null)

  • 需要为返回的搜索结果在每行的模态体中添加一个按钮,并传递所选结果的Id和Name字段,以填充AddUser页面中的一些文本字段,而不更新整个内容

  • 在关闭时清除模式内容 任何帮助都将不胜感激。 用于搜索的Javascript函数:

    函数SearchResults(){ $.ajax({ 键入:“获取”, url:“/Page?handler=Search”, contentType:“应用程序/json”, 缓存:“false”, 数据类型:“json”,
    成功:功能(响应){ 结果=响应; var trHTML=''; $。每个(结果、功能(i、项目){ trHTML+=''+项目['id']+''+项目['Name']'; }); $('#TblBody').append(trHTML); },
    故障:功能(响应){ 警报(响应); } }); }

  • AddUser页面中的处理程序方法:

    public JsonResult OnGetSearch(int p = 1)
            {
                Company = companyRepository.GetCompanyBasedOnFilter(TxtName, TxtId).ToList();
    
                // get pagination info for the current page
                Pager = new Pager(Company.Count(), p, 10, 10);
    
                // assign the current page of items to the Items property
                Items = Company.Skip((Pager.CurrentPage - 1) * Pager.PageSize).Take(Pager.PageSize);
    
                return new JsonResult(Items);
            }