2012-10-13 18 views
5

jquery ve jqGrid konusunda yeni. Ben onunla mücadele ediyorum.JqGrid içinde bir jqGrid filtreleme başlıklarına ihtiyacım var bana yardım etmek için birine ihtiyacım var.O bir Oleg tarafından yapılan bir demo bulduğumda bak. Ama onay kutusunu seçerek onay kutularına tıkladığımda, Excel Filtreleme gibi filtrelenmek için arama değerleri gerekir. Lütfen bana yardımcı olun.Excel, jqgrid'de filtreleme gibi çalışıyor.

implementation'u bulmama rağmen, bu bana çalışmıyor. Lütfen bana yardımcı ol. Herkes farklı bir şekilde yorumladığı çünkü "filtreleme gibi Excel" gibi kelimeleri sevmiyorum Advance

cevap

18

yılında

teşekkürler. Bu yüzden onu nasıl yorumladığımı cevaplamak zorundayım.

tarafından yazılan jQuery UI MultiSelect Widget'u kullanmanız gerektiğini düşünüyorum. Daha önce nasıl kullanılacağını gösteren bazı cevaplar ve demolar yazdım.

The demo, "Excel gibi filtreleme" uygulamalarını uygulamak için jQuery UI MultiSelect Widget öğesinin toolbar searching ile birlikte nasıl kullanıldığını gösterir. dinamik the answer jQuery UI Otomatik Tamamlama 'nın değerlerinden gibi multiselect gereci tarafından görüntülenen değerler listesini oluşturabilir arada

enter image description here

.

karşılık gelen gösteriler (this ve this) ile bir diğer cevaplar (this ve this) düzenleme için aracını nasıl kullanılacağını gösterir.

GÜNCELLEME: The updated demo jqGrid 4.4.1, jQuery UI 1.8.24 ve jQuery 1.8.2 ve akım (29.09.2012 den sürüm 1.13.6) jQuery UI Multiselect sürümü github indirilen kullanır.

GÜNCELLEME 2: The answer kullanım durumunda gerekli olan filterToolbar ait beforeClear geri arama içeren renkli "Yenile". Cevap, jqGrid 4.6.0 kullanan güncellenmiş demosu içerir.

+1

@ user1268130 jqgrid'in şu anki sürümüne güncellenen demosu yayınladım: bkz. ** GÜNCELLEME ** cevabımın bir kısmı. – Oleg

+0

Demo kaynak kodunuzu nerede görebiliriz? – Mohammad

+0

@Mohammad: Cevabımdaki demolar, HTML sayfasının içinde tam JavaScript kodu içeriyor. Yani demoyu sadece herhangi bir web tarayıcısında açmanız gerekiyor. Daha sonra sağ fare tıklayarak içerik menüsünü açabilir ve "Sayfa kaynağını görüntüle" gibi bir öğeyi seçersiniz. – Oleg