.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[o=))Pmi8#fG[\տ"Wv7m_*v+N ȇ𵉡}KP5{#l"]f'E)8[fv?N0RK {c:D%R;zeSKoƅj_-mXZ԰5\zQOE}8*Gn%L7CҴ-{_%%,p,ᭃ?nS{v쯵Yib;aRd4"݆[@T";0yFwoGW4?qB֬|_ŭ1&^[cT * )̠PhF-8Ea^=e\% p@IFR!h> R^%X)}@tse J N5[y-ģL7͌2!UyߖiN؝1% > RJ=KB,+?gs;(Yw2m *])6"Jֻ 5AyYA=Fӿ dx~j}&BZPUu g]Dk{;(Yw2m *])6"Jֻ 5AyYA=Fӿam)ZXQxKOBYL8FP("d= =a~vK&&L[{XᎯ"Óbt?'jq6 TQ͙|ѓw-$B j&9)ֈK1UCD{s0y(RںܭW?go6&\bEH$$1=3 *yckheMW5&wqbDdOPhZ[1\mUH&M|X?ِ$3L?#bck+˕ušoUME V*@kf:}I׷ϙcpLB"TF(ʶ^#>qQI^ZNAsqɾ:3u`{:Wl n+{HE iNJY܋bUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTKNJ@xkS&QɢG5^A-yLfiB)=S]+93-@M(uHmn(M9 4tܭeyW8lʌ,2RʶG,;Z0X '{5[y-ģL7͌2!UyߖiN؝1ߋ4Qru,Ȱs-}@tse J N5[y-ģL7͌2!UyߖiN؝1۫9'Q4YofKoLdar?J =KB,+?gs;(Yw2m *])6"Jֻ 5AyYA=FӿRܖa#;~mծbUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTK;C=r ObcF6 3G*vT@hE _K#ضe%5^ĴM[:;,{*Op318cgrbIo"&Z&M|X?ِ$3L?#bck+˕ušoUME V,8tXWRHKqAzޚx!)aqQI^ZNAsTP(lT%N5S]_Ȝ y3k:61)W54fu':G6CHw>dWʇ-O'䇫3Da P j3#ٹL}>{;` 0 &Rwz NhK"a@L毝,O3mIj3=┳pF8sA1eo>15x;2"YV35t7y\DZmU?9$SޭAϛ]_GA nͻ"BeTE0Cꬴ pيJXw0qZw7 "-cFCĶG׻YEmMaLVRRr^09H$h&6E23vf!ޑ;5sLr0_/]Oo WX"-cFCĶآI(oM 5flAr5%b}@uu›'oa봏5 NhK"a@L{@)[agARMpp]# Wʇ-O'䇫3諲n/`nzNͰi ^ewyMXO WFu 5=א0 w`\̹$ WvoNџCWmt]úDQP^NΆ* h4dV$C`z5ia_[WDNα+lګԹ;e9wlxr+_|r2F:Y;#[݁7MR }l+!$+bSgV]r"nw6 G%SBiVd/I٦YA\v5BhxoDs^hu#̬w%ܿסٝe`ηӆ6kq7s>AdI[F-H]~~G;{,p>8U %SW$5w#k_ lm c/Q'+sQ6˰%_9>du s j_K(X͎.tBE<`22C׵[C-Igp3#ٹ${YNX-Bԕ;W=yL vhYv#7,C\tpcs[ ep7y)3jA*pvJ`(4^@_JG YRư) Np딜Bx>nEa}=Co 3>lU<9IH9+)b%@ a揷;[F"х^dFq}鳌]^Lb/GyQBأ!A 1ĶȲ.8nn&,`\f 1gU(› ՛\YHi# {}p8nn&,`\fwף@#T6q',72=yJK!MWdh:6k$th: 160 }, { text: 'Product', datafield: 'productname', width: 170 }, { text: 'Order Date', datafield: 'date', filtertype: 'date', width: 160, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Quantity', datafield: 'quantity', width: 80, cellsalign: 'right' }, { text: 'Unit Price', datafield: 'price', cellsalign: 'right', cellsformat: 'c2' } ] }); $('#events').jqxPanel({ width: 300, height: 80}); $("#jqxgrid").on("filter", function (event) { $("#events").jqxPanel('clearcontent'); var filterinfo = $("#jqxgrid").jqxGrid('getfilterinformation'); var eventData = "Triggered 'filter' event"; for (i = 0; i < filterinfo.length; i++) { var eventData = "Filter Column: " + filterinfo[i].filtercolumntext; $('#events').jqxPanel('prepend', '
' + eventData + '
'); } }); $('#clearfilteringbutton').jqxButton({ height: 25}); $('#filterbackground').jqxCheckBox({ checked: true, height: 25}); $('#filtericons').jqxCheckBox({ checked: false, height: 25}); // clear the filtering. $('#clearfilteringbutton').click(function () { $("#jqxgrid").jqxGrid('clearfilters'); }); // show/hide filter background $('#filterbackground').on('change', function (event) { $("#jqxgrid").jqxGrid({ showfiltercolumnbackground: event.args.checked }); }); // show/hide filter icons $('#filtericons').on('change', function (event) { $("#jqxgrid").jqxGrid({ autoshowfiltericon: !event.args.checked }); }); });
Filter Background
Show All Filter Icons
Event Log: