Получение списков товаров на основе фильтра

Question

Я пытаюсь отфильтровать цены на основе начальной и конечной цены.Я создал списки в Controller здесь:

public ActionResult Index()
{
    List<CarModel> objCar = new List<CarModel>()
    {
        new CarModel {ProductBrand="BMW",ProductName="X4", ProductColor="White", Price=57000 },
        new CarModel {ProductBrand="Mercedes",ProductName="AMG", ProductColor="Black", Price=61000 },
        new CarModel {ProductBrand="BMW",ProductName="X6", ProductColor="Black", Price=32000 },
        new CarModel {ProductBrand="BMW",ProductName="X5", ProductColor="White", Price=28000 },
        new CarModel {ProductBrand="BMW",ProductName="X3", ProductColor="White", Price=30000 }
    };

    CarModelDetail ObjCarDetails = new CarModelDetail();
    ObjCarDetails.OrderDetails = objCar;
    return View(ObjCarDetails);
}

В браузере таблица указывается на основе этих списков.И есть входные данные, один из которых предназначен для начальной цены, а второй - для конечной цены.Если пользователь вводит начальную и конечную цену, а затем нажимает кнопку Filter, ее следует отфильтровать.Есть идеи для этого?Помощь приветствуется!

смотрите картинку Здесь

1 :

Answer 1

используйте linq

var result  = objCar.Where(a => a.Price >= MinValue && a.Price  <= MaxValue).ToList();

вернет запись о том, что его цена больше минимального значения и меньше максимального значения. minimum value и maximum value - введенное значение из вида

Answer 2

я делаю что-то подобное для вас;) см.

$.fn.dataTable.ext.search.push(
function( settings, data, dataIndex ) {
    var min = parseInt( $('#min').val(), 10 );
    var max = parseInt( $('#max').val(), 10 );
    var columntosearch = parseFloat( data[2] ) || 0; // use data for the age column

    if ( ( isNaN( min ) && isNaN( max ) ) ||
         ( isNaN( min ) && columntosearch <= max ) ||
         ( min <= columntosearch   && isNaN( max ) ) ||
         ( min <= columntosearch   && columntosearch <= max ) )
    {
        return true;
    }
    return false;
});


var table = $('#example').DataTable();

// Event listener to the two range filtering inputs to redraw on input
$('#min, #max').keyup( function() {
    table.draw();
} );

Вы должны добавить это к вашему виду https://code.jquery.com/jquery-3.3.1.js https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css

Контроллер

public ActionResult Index(){
return View();}public ActionResult LoadData()
    {
         List<CarModel> objCar = new List<CarModel>()
{
    new CarModel {ProductBrand="BMW",ProductName="X4", ProductColor="White", Price=57000 },
    new CarModel {ProductBrand="Mercedes",ProductName="AMG", ProductColor="Black", Price=61000 },
    new CarModel {ProductBrand="BMW",ProductName="X6", ProductColor="Black", Price=32000 },
    new CarModel {ProductBrand="BMW",ProductName="X5", ProductColor="White", Price=28000 },
    new CarModel {ProductBrand="BMW",ProductName="X3", ProductColor="White", Price=30000 }
};
CarModelDetail ObjCarDetails = new CarModelDetail();
ObjCarDetails.OrderDetails = objCar;
        return Json(new { data = objCar }, JsonRequestBehavior.AllowGet);
    }

в поле зрения:

<table class="table table-condensed" id="countryTable">
<thead>
    <tr class="table-success">
        <th>ProductBrand</th>
        <th>ProductName</th>
        <th>ProductColor</th>
        <th>Price</th>

    </tr>
</thead>

JS:

var oaTable = $('#countryTable').DataTable({
 "processing": true, // for show progress bar
 "orderMulti": false, // for disable multiple column at once
 "searching": false,
 // "dom": "<<'pull-left'>'row'>Ftr<'row-fluid'<'col-md-12'lp>>",
 "ajax": {
     "url": "/Yourcontrollername/LoadData",
     "type": "POST",
     "datatype": "json"
 },
 "columns": [{
         "data": "ProductBrand",
         "name": "ProductBrand",
          "width": "150px",
     },
     "columns": [{
         "data": "ProductName",
         "name": "ProductName",
          "width": "150px",
     },
      "columns": [{
         "data": "ProductColor",
         "name": "ProductColor",
          "width": "150px",
     },
      "columns": [{
         "data": "Price",
         "name": "Price",
          "width": "150px",
     },

 ]

});

Answer 3

Это только с моей головы.

Вид:

<div class="form-group">
    @Html.Label("Filter by Car", htmlAttributes: new { @class = "control-label col-md-2" })
    @Html.DropDownList("carFilter", new SelectList(@ViewBag.Cars),
        "All Cars", new { @class = "form-control" })
</div>

Тогда в вашем контроллере:

ViewBag.Cars = ListofCars();
private IEnumerable<string> ListofCars()
{
    CarRepo = new CarRepo();

    IEnumerable<CarModel> CCars;
    using (car)
    {
        CCars = cars.SelectAll() as IList<CarModel>;
    }

    var Cars = Cars.Select(b => b.Car).Distinct().OrderBy(x => x);
    return cities;
}

Это вытягивает данные о просмотре списка автомобилей в контроллер, превращает их в IList, чтобы ваш контроллер мог их сортировать, используя лямбда-выражения. Просто мысль.