在"按单选按钮查看"中更改结果

Question

你好，我再次编写了这个例子来学习实体框架。 使用 Visual Studio 2019 构建具有 ASP.NET Core 3.0 和 Entity Framework 3.0 的 CRUD 应用程序

现在在 index.cshtml 上，我添加了两个单选按钮：

<input type="radio" name="rdbAll" value="All" id="all-1" checked>
<label for="all-1">Show all</label>
<input type="radio" name="rdbOutOfStock" value="out" id="out-1">
<label for="out-1">Show out of stock</label>

如果我选中全部，我将显示所有条目。 如果我结账缺货，我只会显示数量 == 0的产品

我知道我可以做这样的事情：

// GET: api/Products
[HttpGet]
public async Task<ActionResult<IEnumerable>> GetProducts()
{
var products = _context.Products.AsQueryable();
products = _context.Products.Where(i => i.AvailableQuantity == 0);
return await products.ToListAsync();
}

如何通过选中单选按钮来调用此函数。

谢谢！

Answer 1

您需要将单选按钮放在表单中。然后，您可以在更改单选按钮时发布此表单，如下所示：

$('input[type=radio]').on('change', function() {
$(this).closest("form").submit();});