uigrid удалить начальную пустую опцию из выпадающего фильтра

Вот скриншот моей сетки пользовательского интерфейса.

введите здесь описание изображения


Вот код, который создает этот фильтр.

{ field: 'channel_type', displayName: "Type", filter: {
                                        type: uiGridConstants.filter.SELECT,
                                        selectOptions: [
                                            { value: 'HD', label: 'HD' },
                                            { value: 'SD', label: 'SD' }
                                        ]
                                    }},
            { field: 'price', displayName: "Price", enableFiltering: false, enableSorting: false},


Мои данные загружаются в uigrid из вызова rest API.

Я действительно не могу понять, откуда он добавляет эту пустую опцию. Я не нашел решения этой проблемы. Пожалуйста, помогите мне в решении этой проблемы.


angularjs angularjs-filter angular-ui-grid
person Steve    schedule 03.06.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Это известная проблема, см. раздел проблемы с сеткой пользовательского интерфейса.

Решение (обходной путь) состоит в том, чтобы добавить некоторый собственный стиль:

#grid1 div div select option:first-child[value=""] {
   display: none;
}

Демонстрационный планкер

person Maxim Shoustin    schedule 03.06.2018
comment
Но вместо того, чтобы делать это таким образом, не существует ли способа сделать это с помощью кода? - person Steve; 03.06.2018
comment
Вопрос открыт до 3 лет и никто его не решал. Я думаю, что это самое щадящее решение. - person Maxim Shoustin; 03.06.2018
comment
Хорошо. Спасибо. Я должен согласиться с этим решением на данный момент. - person Steve; 03.06.2018