Кто-то задавал этот вопрос ранее, но у меня проблема с HTML.
Bootstrap Фильтр заполняет элемент выбора данными HTML вместо значений. У меня есть только два варианта состояния: активный и неактивный, но фильтр принимает статус каждой строки и помещает их в элемент выбора.
<table class="table sortable-theme-bootstrap table-hover"
id="trucklist"
data-escape="false"
data-filter-control="true"
data-pagination="true"
data-search="true"
data-page-size="25"
data-show-columns="true"
data-cookie="true"
data-cookie-id-table="saveId">
<thead>
<tr>
<th data-field="truck">
@Html.DisplayNameFor(model => model.TruckNo)
</th>
<th data-sortable="false"
data-field="fleet"
data-filter-control="select">
@Html.DisplayNameFor(model => model.FleetName)
</th>
<th data-field="lastDate"
data-searchable="false"
data-sortable="true"
data-sorter="dateSorter">
@Html.DisplayNameFor(model => model.LastDate)
</th>
<th data-field="dispatch"
data-filter-control="select"
data-sortable="false">
@Html.DisplayNameFor(model => model.DispatchName)
</th>
<th data-field="phone"
data-searchable="false"
data-sortable="false">
@Html.DisplayNameFor(model => model.DispatchTelephone)
</th>
<th data-field="status"
data-sortable="false"
data-filter-control="select">
@Html.DisplayNameFor(model => model.TruckStatus)
</th>
<th data-field="available"
data-sortable="false"
data-filter-control="select"
data-filter-custom-search="data">
@Html.DisplayNameFor(model => model.Availability.StatusText)
</th>
<th data-field="city"
data-sortable="true"
data-searchable="false">
@Html.DisplayNameFor(model => model.Availability.AvailableCity)
</th>
<th data-field="from"
data-sortable="true"
data-searchable="false"
data-sorter="dateSorter">
@Html.DisplayNameFor(model => model.Availability.AvailableFrom)
</th>
<th data-sortable="false"
data-searchable="false">
Action
</th>
</tr>
</thead>
<tbody>
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.TruckNo)
</td>
<td class="center">
@Html.DisplayFor(modelItem => item.FleetName)
</td>
<td class="center">
@Html.DisplayFor(modelItem => item.LastDate)
</td>
<td>
@Html.DisplayFor(modelItem => item.DispatchName)
</td>
<td>
@Html.DisplayFor(modelItem => item.DispatchTelephone)
</td>
<td class="center">
<span class='label label-@Html.DisplayFor(modelItem => item.TruckStatusClass)'>@Html.DisplayFor(modelItem => item.TruckStatusText)</span>
</td>
<td class="center">
<span class='label label-@Html.DisplayFor(modelItem => item.Availability.StatusClass)'>@Html.DisplayFor(modelItem => item.Availability.StatusText)</span>
</td>
<td>
@Html.DisplayFor(modelItem => item.Availability.AvailableCity)
</td>
<td class="center">
@Html.DisplayFor(modelItem => item.Availability.AvailableFromDisplay)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { TruckID = item.TruckID }, new { @class = "btn btn-info btn-xs" })
</td>
</tr>
}
</tbody>
</table>
Он работает некорректно только для этих двух :
<td class="center">
<span class='label label-@Html.DisplayFor(modelItem => item.TruckStatusClass)'>@Html.DisplayFor(modelItem => item.TruckStatusText)</span>
</td>
<td class="center">
<span class='label label-@Html.DisplayFor(modelItem => item.Availability.StatusClass)'>@Html.DisplayFor(modelItem => item.Availability.StatusText)</span>
</td>