Bootstrap -табличное расширение фильтра заполняет <select>полным списком html опций - PullRequest
0 голосов
/ 23 февраля 2020

Кто-то задавал этот вопрос ранее, но у меня проблема с HTML.

Bootstrap Фильтр заполняет элемент выбора данными HTML вместо значений. У меня есть только два варианта состояния: активный и неактивный, но фильтр принимает статус каждой строки и помещает их в элемент выбора.

See this picture. It doesn't define data

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...