uigrid menghapus opsi kosong awal dari filter dropdown

Berikut tangkapan layar ui-grid saya.

masukkan deskripsi gambar di sini


Berikut kode yang membuat filter itu.

{ 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},


Data saya dimuat di uigrid dari panggilan rest api.

Saya benar-benar tidak tahu dari mana ia menambahkan opsi kosong itu. Saya belum menemukan solusi apa pun untuk masalah ini. Tolong bantu saya dalam memecahkan masalah ini.


angularjs angularjs-filter angular-ui-grid
person Steve    schedule 03.06.2018    source sumber

Jawaban (1)


arrow_upward
2
arrow_downward

Ini masalah umum, lihat masalah ui-grid

Solusinya (solusinya) adalah menambahkan beberapa gaya khusus:

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

Demo Plunker

person Maxim Shoustin    schedule 03.06.2018
comment
Namun daripada melakukannya dengan cara itu, bukankah ada cara agar kita bisa melakukannya melalui kode? - person Steve; 03.06.2018
comment
Masalah ini dibuka sebelum 3 tahun dan tidak ada yang menyelesaikannya. Saya pikir ini adalah solusi yang paling lembut. - person Maxim Shoustin; 03.06.2018
comment
Oke. Terima kasih. Saya harus puas dengan solusi itu untuk saat ini. - person Steve; 03.06.2018