#c# #entity-framework-core #razor-pages #asp.net-core-3.1 #selectlist
#c# #сущность-фреймворк-ядро #razor-страницы #asp.net-core-3.1 #список выбора
Вопрос:
Справочная информация: Программа использует .Net Core 3.1 вместе с EF Core, используя локальный экземпляр MSSQL с использованием подхода «сначала код». К числу объектов, имеющих отношение к проблеме, относится агент
public class Agent
{
public int AgentID { get; set; }
public string Name { get; set; }
public string Number { get; set; }
public ICollection<SysInfo> SysInfo { get; set; }
}
который имеет отношение «один ко многим» с SysInfo
public class SysInfo
{
public int SysInfoID { get; set; }
public int AgentID { get; set; }
public byte[] Content { get; set; }
public Agent Agent { get; set; }
}
База данных создается с использованием миграции ядра EF, страницы CRUD — это каркасы для объекта Agent. SysInfo предназначен для хранения файлов системной информации.
Я начал с примера, который я нашел на https://learn.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-3.1#file-upload-scenarios и модифицировал UploadDbModel, чтобы включить список выбора.
public class BufferedSingleFileUploadDbModel:PageModel
{
[BindProperty]
public BufferedSingleFileUploadDb FileUpload { get; set; }
public SelectList AgentNameSL { get; set; }
public void PopulateAgentsDropDownList(WindowsAuthTest3Context _context, object selectedAgent = null)
{
var agentsQuery = from a in _context.Agent
orderby a.Name
select a;
AgentNameSL = new SelectList(agentsQuery.AsNoTracking(), "AgentID", "Name", selectedAgent);
}
}
public class BufferedSingleFileUploadDb
{
[Required]
[Display(Name ="File")]
public IFormFile FormFile { get; set; }
}
Страница загрузки создается на основе стандартного шаблона EF core Create и модифицируется для наследования указанного выше класса, заполнения списка выбора, обработки загрузки и создания записи.
Проблема: я делаю что-то неправильно, когда пытаюсь связать список выбора с составным типом enctype. Список выбора отказывается заполняться при загрузке страницы.
CS-файл:
public class UploadModel : BufferedSingleFileUploadDbModel
{
private readonly WindowsAuthTest3.Data.WindowsAuthTest3Context _context;
public UploadModel(WindowsAuthTest3.Data.WindowsAuthTest3Context context)
{
_context = context;
}
public IActionResult OnGet()
{
PopulateAgentsDropDownList(_context);
return Page();
}
[BindProperty]
public SysInfo SysInfo { get; set; }
// To protect from overposting attacks, enable the specific properties you want to bind to, for
// more details, see https://aka.ms/RazorPagesCRUD.
public async Task<IActionResult> OnPostUploadAsync()
{
using(var memoryStream = new MemoryStream())
{
await FileUpload.FormFile.CopyToAsync(memoryStream);
SysInfo.Content = memoryStream.ToArray();
}
if (!ModelState.IsValid)
{
return Page();
}
_context.SysInfo.Add(SysInfo);
await _context.SaveChangesAsync();
return RedirectToPage("./Index");
}
}
Файл CSHTML:
@page
@model WindowsAuthTest3.Pages.Infos.UploadModel
@{
ViewData["Title"] = "Upload";
}
<h1>Upload</h1>
<h4>SysInfo</h4>
<hr />
<div class="row">
<div class="col-md-4">
<form enctype="multipart/form-data" method="post">
<div class="form-group">
<label asp-for="SysInfo.AgentID" class="control-label"></label>
<select asp-for="SysInfo.AgentID" class="form-control" asp-items="@Model.AgentNameSL"></select>
</div>
<div class="form-group">
<label asp-for="FileUpload.FormFile"></label>
<input asp-for="FileUpload.FormFile" type="file">
</div>
<div class="form-group">
<input asp-page-handler="Upload" class="btn btn-primary" type="submit" value="Upload">
</div>
</form>
</div>
</div>
<div>
<a asp-page="Index">Back to List</a>
</div>
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}
Вопросы:
- Могут ли списки выбора быть включены в составные типы, и если да, то я просто неправильно это пишу?
- Если нет, то как бы мне структурировать несколько методов post для выполнения настройки внешнего ключа при загрузке файла? Я рассматривал возможность сделать идентификатор агента обнуляемым, а затем назначить его через страницу редактирования, но это кажется ужасным обходным путем, приводящим к ошибкам пользователя.
Ответ №1:
После разделения методов post я заметил, что список выбора будет заполняться, а затем исчезнет после загрузки файла. Похоже, это связано с обработчиком asp-страницы. Я объединил код в обычный метод post, как показано ниже, и теперь все работает.
CSHTML
<div class="row">
<div class="col-md-4">
<form enctype="multipart/form-data" method="post">
<div class="form-group">
<label asp-for="SysInfo.AgentID" class="control-label"></label>
<select asp-for="SysInfo.AgentID" class="form-control" asp-items="@Model.AgentNameSL"></select>
</div>
<div class="form-group">
<label asp-for="FileUpload.FormFile"></label>
<input asp-for="FileUpload.FormFile" type="file">
</div>
<div class="form-group">
<input class="btn btn-primary" type="submit" value="Create">
</div>
</form>
</div>
</div>```
CS
public async Task<IActionResult> OnPostAsync()
{
using (var memoryStream = new MemoryStream())
{
await FileUpload.FormFile.CopyToAsync(memoryStream);
SysInfo.Content = memoryStream.ToArray();
}
if (!ModelState.IsValid)
{
return Page();
}
_context.SysInfo.Add(SysInfo);
await _context.SaveChangesAsync();
return RedirectToPage("./Index");
}
Комментарии:
1. Хорошая работа по выяснению этого. Я столкнулся с очень похожей проблемой всего пару недель назад. IFormFile продолжал возвращать значение null. Я смог получить это, выполнив то, что я сделал в опубликованном мной ответе.
Ответ №2:
Простым способом вы могли бы использовать этот HTML-код на своей странице razor:
<form enctype="multipart/form-data" method="post">
<dl>
<dt>
<label>Choose File</label>
</dt>
<dd>
<input name="file" type="file">
</dd>
</dl>
<input asp-page-handler="Upload" class="btn btn-info btn-block" type="submit" value="Upload" />
</form>
Затем в вашем методе OnPostUpload в модели страницы просто передайте ваш файл IFormFile в качестве параметра:
public IActionResult OnPostUpload(IFormFile file)