.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[o=))Pmi8#fG[\տ"WA&Fp=O`zA!ⅻyߙkp/B>~_93MS~@Sd3BbS5,K'IWYOgXi$6CDM:!h2EnT GWRǾqbDdOPeLh/"xңi"2ȓ.NgQcQ`̬C{63 x;(Yw2m *])6"Jֻ 5Ay\c"i(eLO^<^3) 7=`&LfiB)=S]+93-@M(uHmnts>"wwAUdFojDQ e#C>8FP("d= =a~vK&& r ,1H8FP("d= =a~vK&&mmc/(1!'B=c_K*M TQ͙|ѓw-$B j&9)ֈK1UCQ`جscW+T*}mz x;s2;e9ٖ~y6\2KȘ  jJH87]':6"Y[rfN)ȯ)ǽ&M|X?ِ$3L?#bck+˕ušoUME V*@kf:e8A0N!'5ޏY \8UJUAPA>ϸ2F@Ǩ Z\ׄڴ8z?.+q2]aovw׆yj qQI^ZNAsqɾ:3u`{:Wl n+{HfR8 ь%DD%?>ˋ3LfiB)=S]+93-@M(uHmnyW'00+F*!7ILfiB)=S]+93-@M(uHmn?- 1QM𗁠O{wP3a^g5l o:hREa^=e\% p@Iv2w,6 EA* ɟ6&!"4ex>s 7!0zvHާۄCf+̗7|2_t:RdR,~LzL IV匂^Ixhݡg^{r Gxltr5x;2"YV35t7G-rMW`SX0qBjD8DBP ؄"g p6bMh|)B͠$|#kQxkLYP2N98nn&,`\fYq#@L"Byj^ߦӑuA: nV=_ 8nn&,`\fB r8f9ӥ㻃X, qDQP^NΆ* h4EN՛T+[fuW]LvT|CD{{,-Tϻя*˅2TmmO6@!Ře'`y)7UVB C60\R)Vy9_}4um=>Nα+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 7n Ocg6jRM(#poݲ>@iEI믁' gvb2̓(m!{ GUdыbٔC7-`vYi W[o曧Im +[.]2i^@8#`&S`D"-cFCĶ GN O(GxBأ!A눱̭ޯr! u/oVW@"H9ۙ WVx*GM1Gs8nn&,`\f"xX-CD61)W54fu{mT^$[1r0g.̴4v8nn&,`\f2WڞHYz;tr!ӵah*5P;ƍ%3'7h2w~0fA5`y Oa~KjNdRKFޗvCM"lo>+ uh%C\$D9U8P|k(xQW,nOcׄJ F\%--4w-UO^籃ch8nn&,`\fl^y])pL}l1Ǥ AnR8nn&,`\fc UH' !/v*uyan z!7_JVXUB^=~0fA5`y Oa~KjNdRT=Y$}1ЪiӈS뉱]]Z#DQP^NΆ* h4VQ:Po[`.c0 =p$ԍ `!mK' ;D}NPY̔l$5w#k_ lm A4^P,bYa"("#jqxgrid").jqxGrid('localizestrings', localizationObject); }, updatefilterconditions: function (type, defaultconditions) { var stringcomparisonoperators = ['CONTAINS', 'DOES_NOT_CONTAIN']; var numericcomparisonoperators = ['LESS_THAN', 'GREATER_THAN']; var datecomparisonoperators = ['LESS_THAN', 'GREATER_THAN']; var booleancomparisonoperators = ['EQUAL', 'NOT_EQUAL']; switch (type) { case 'stringfilter': return stringcomparisonoperators; case 'numericfilter': return numericcomparisonoperators; case 'datefilter': return datecomparisonoperators; case 'booleanfilter': return booleancomparisonoperators; } }, updatefilterpanel: function (filtertypedropdown1, filtertypedropdown2, filteroperatordropdown, filterinputfield1, filterinputfield2, filterbutton, clearbutton, columnfilter, filtertype, filterconditions) { var index1 = 0; var index2 = 0; if (columnfilter != null) { var filter1 = columnfilter.getfilterat(0); var filter2 = columnfilter.getfilterat(1); if (filter1) { index1 = filterconditions.indexOf(filter1.comparisonoperator); var value1 = filter1.filtervalue; filterinputfield1.val(value1); } if (filter2) { index2 = filterconditions.indexOf(filter2.comparisonoperator); var value2 = filter2.filtervalue; filterinputfield2.val(value2); } } filtertypedropdown1.jqxDropDownList({ autoDropDownHeight: true, selectedIndex: index1 }); filtertypedropdown2.jqxDropDownList({ autoDropDownHeight: true, selectedIndex: index2 }); }, columns: [ { text: 'First Name', datafield: 'firstname', width: 200 }, { text: 'Last Name', datafield: 'lastname', width: 200 }, { text: 'Product', datafield: 'productname', width: 180 }, { text: 'Order Date', datafield: 'date', width: 160, cellsformat: 'dd-MMMM-yyyy' }, { text: 'Quantity', datafield: 'quantity', cellsalign: 'right' } ] }); $('#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({ theme: theme }); $('#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: