asp.net 如何创建按价格排序的动态下拉列表?

nhjlsmyf  于 2022-11-19  发布在  .NET
关注(0)|答案(1)|浏览(168)

因此,我尝试做一个动态下拉,当选择了一种类型的排序,产品得到排序的控制器和页面得到重新加载排序的数据库项目
这是我的HTML:

<div class="sorting">
    <select>
        <option value="1">Default sorting</option>
            <option value="1">Price low to high</option>
        <option value="1">Price high to low</option>
    </select>
</div>

这是我的产品控制器,它的作用是:

public IActionResult Index(string category)
        {
            IndexVM model = new IndexVM();

            model.products = productRepository.getProducts(category);
            model.categoryType = category;
            model.allItemsCount = model.products.Count;
            model.raceChipsCount = productRepository.getCategoryItemsCount("Chip tuning");
            model.carInteriorCount = productRepository.getCategoryItemsCount("Car interior");
            model.ExhaustSystemsCount = productRepository.getCategoryItemsCount("Exhaust system");
            model.gearBoxesCount = productRepository.getCategoryItemsCount("Gear boxes");
            model.enginePartsCount = productRepository.getCategoryItemsCount("Engine parts");

            return View(model);
        }

基本上所有我想要的是当一种类型的排序被选择动态地重定向到我的索引行动没有按下任何提交按钮或任何东西。我很抱歉,如果我张贴的代码不是那么正确。

w46czmvw

w46czmvw1#

$("#myDropdown").change(function () {
    $.ajax({
        url: [your url to action],
        data: { category: this.value },
        success: function (data) {
            $('#ResultsDiv').html(data);
        }
    });
});

让我们做一些假设:
1.将id=“myDropdown”放置到您的选择中
1.每个选项必须具有不同的值(现在它们都具有“1”)
1.您必须有一个id =“ResultsDiv”的div,您将在其中加载 AJAX 响应。
1.您必须返回带有必要文本字段的部分视图,才能显示结果。

相关问题