2016-04-05 24 views
2

knockoutjs ko ızgarasının filtre işlevini kullanmaya çalışıyorum.kogrid filtresi çalışmıyor - plunker ile

filtre için açılan gösterir
  1. "Sütun seç" ama sütun adlarının sonuna filtre işlevi çalışmayan bir tablo sembolü
  2. tarafından yazılır: iki sorun vardır. https://plnkr.co/edit/Ibc0WZwyb4melgNDzcUo?p=preview

    Ben de ızgara seçenekleri en temel ile çalıştık:

    this.gridOptions = { 
        data: self.myData, 
        enablePaging: true, 
        pagingOptions: self.pagingOptions, 
        filterOptions: self.filterOptions 
    }; 
    
    Veri

enter image description here

filtrelenmiyorsa yazarken ben burada bunun için bir plunkr var

Yanlış nereye gittiğimi gören var mı lütfen?

+0

Eğer konsol çıkışında baktın mı nedir? Bir başlangıç ​​için, vm tanımlanmamıştır. Bağlamalarınızı "ViewModel" öğesine uygulamanız gerekir. – brianlmerritt

+0

Üzgünüm Brian, kafam karıştı. Index.html satır 24 "var vm = new ViewModel();" –

+0

Ben script.js'ye bakıyordum, değil .html. Bununla birlikte, yine de bu hata iletisini aldım ... – brianlmerritt

cevap

0

UI filtresiyle ilgili sorun, alan adı ile tablo sembolü arasında yetersiz boşluk oluşmasıdır. Bu, kogrid css dosyasını değiştirerek düzeltilebilir. Ne yazık ki benim css becerilerim sınırlıdır, bu yüzden düzeltmeyi burada paylaşamıyorum. Aşağıda

2
li.kgColListItem { 
    width: 100% !important; 
} 
li.kgColListItem label{ width:100%; float:left;} 
.kgColList{ margin:0; padding:0 0 0 20px;} 
.kgGroupIcon{ cursor:pointer;} 

güncellenmiş Plnkr

https://plnkr.co/edit/1jN4kc0yGZZX5bk0as1t?p=preview

+0

Teşekkürler Krishna - harika çalışıyor :) –