Мне нужно передать данные из таблицы в пост-обработчик

Question

Мне нужна помощь. Я новичок на бритвенных страницах и в ядре asp.net, и мне нужно отправить данные, которые у меня есть в таблице HTML, моему обработчику сообщений и сохранить их.

Я переупорядочиваю строки на клиенте, а затем мне нужно сохранить переупорядоченные строки при нажатии кнопки.

<form method="post">
    <div>

        <table id="example" class="table table-stripped border">
            <thead>
                <tr class="table-secondary">
                    <th>@Html.DisplayNameFor(m => m.DenniPlan.FirstOrDefault().CisloZakazky)</th>
                    <th>@Html.DisplayNameFor(m => m.DenniPlan.FirstOrDefault().CisloProduktu)</th>
                    <th>@Html.DisplayNameFor(m => m.DenniPlan.FirstOrDefault().Poradi)</th>

                </tr>
            </thead>
            <tbody>
                @foreach (var item in Model.DenniPlan)
                {
                    <tr>
                        <td>@Html.DisplayFor(m => item.CisloZakazky)</td>
                        <td>@Html.DisplayFor(m => item.CisloProduktu)</td>
                        <td>@Html.DisplayFor(m => item.Poradi)</td>
                    </tr>
                }
            </tbody>
        </table>
        <button type="submit" class="btn btn-primary" >Časovat</button>
    </div>
</form>

Index.cshtml.cs

    private readonly DataContext _context;
    public IEnumerable<DenniPlan2> DenniPlan { get; set; }      

    public IndexModel(DataContext context)
    {
        _context = context;
    }

    public async Task OnGet()
    {
        DenniPlan = await _context.DenniPlan2.Take(20).OrderBy(x => x.Poradi).ToListAsync();

    }

Answer 1

Для отправки данных вам необходимо отобразить данные с помощью input. В противном случае вам нужно использовать jquery для зацикливания узла td. Но, IMO, нецелесообразно предоставлять данные, ничего не меняя.

1. IndexPage

   public class IndexModel : PageModel
   {
       private readonly TestRazor.Data.ApplicationDbContext _context;
   
       public IndexModel(TestRazor.Data.ApplicationDbContext context)
       {
           _context = context;
       }
       [BindProperty]
       public IList<DenniPlan2> DenniPlan2 { get;set; }
   
       public async Task OnGetAsync()
       {
           DenniPlan2 = await _context.DenniPlan2s.Take(3).ToListAsync();
       }
       public async Task<IActionResult> OnPostAsync()
       {
           var r = DenniPlan2;
   
           return RedirectToPage("./Index");
       }
   
   }
   

2. Просмотр

   <form method="post">
       <table class="table">
           <thead>
               <tr>
                   <th>
                       @Html.DisplayNameFor(model => model.DenniPlan2[0].CisloZakazky)
                   </th>
                   <th>
                       @Html.DisplayNameFor(model => model.DenniPlan2[0].CisloProduktu)
                   </th>
                   <th>
                       @Html.DisplayNameFor(model => model.DenniPlan2[0].Poradi)
                   </th>
                   <th></th>
               </tr>
           </thead>
           <tbody>
               @for (int i = 0; i < Model.DenniPlan2.Count; i++)
               {
                   <tr>
                       <td>
                           @Html.EditorFor(model => model.DenniPlan2[i].CisloZakazky)
                       </td>
                       <td>
                           @Html.EditorFor(model => model.DenniPlan2[i].CisloProduktu)
                       </td>
                       <td>
                           @Html.EditorFor(model => model.DenniPlan2[i].Poradi)
                       </td>
                   </tr>
               }
           </tbody>
       </table>
       <input type="submit" value="submit" />
   </form>