Hi,
I added showEmptyConditions: true to my igGrid definition as I need to be able to filter on empty values, but the filter menu options are not rendering correctly. There are actually two menu options in the list, but there's no text or icon for same appearing.
You can see in the screenshot below one example of a blue strip which actually represents one of the menu options. I can press it and the relevant "Blank" and "Not Blank" filters are applied.
IgniteUI Version is 17.2. Here is the initialization code:
$("#SecurityGrid").igGrid({ width: "100%", height: "400px", autoGenerateColumns: false, rowVirtualization: true, primaryKey: "UUID", dataSourceUrl: "@Url.Action("Get", "api/SecIDApi", new { Area = "CreditScoring" })" + "?&managerGroup=" + encodeURIComponent(selManagerGroup) + "&industry=" + encodeURIComponent(selIndustry) + "&analystID=" + encodeURIComponent(selAnalyst), columns: [ {headerText: "Analyst Name", key: "AnalystName", dataType: "string", width: "150px", allowHiding: true, hidden: false}, {headerText: "ClearwaterID", key: "ClearwaterID", dataType: "string", width: "150px", allowHiding: true, hidden: false}, {headerText: "Issuer", key: "IssuerName", dataType: "string", width: "200px", allowHiding: true, hidden: false}, {headerText: "Manager Group", key: "ManagerGroup", dataType: "string", width: "125px", allowHiding: true, hidden: false}, {headerText: "Industry", key: "Industry", dataType: "string", width: "150px", allowHiding: true, hidden: false}, {headerText: "UUID", key: "UUID", dataType: "string", width: "100px", allowHiding: true, hidden: true}, ], features: [ {name: "Filtering", type: "local", showEmptyConditions: true, caseSensitive: false, filterSummaryAlwaysVisible: false, persist: true}, {name: "Sorting",type: "local",persist: true}, {name: "RowSelectors", enableCheckBoxes: true, enableRowNumbering: false}, {name: "Selection", mode: "row", type: "local", multipleSelection: true, persist: true} ], rendered: function (ui, evt) { console.log("SecurityGridDiv has been rendered"); } }).igGrid('dataBind');
Thanks
Hello,Thank you for contacting Infragistics Support. I am really glad than you have managed to resolve your issue. About the Icons for the filtering conditions Empty and Not Empty you can check that in all of our versions there is no predefined icons that relates to these conditions. One workaround I can suggest you is to add a custom filtering and to set an icon that fits your needs. Here in our documentation you can see how to achieve that.If you need any further assistance, please contact us.
Workaround for menu items with text but not icon
$('*[data-localeid="emptyLabel"]').text("Empty"); $('*[data-localeid="notEmptyLabel"]').text("Not Empty");
I've spotted the following on version 18.x release note fixes-
Is there any way of resolving this without having to upgrade?
Please note that showNullConditions is behaving the same as showEmptyConditions - menu options failing to render correctly.
"Starts with" element definition:
<li class="ui-iggrid-filterddlistitemicons ui-state-default" tabindex="0" data-cond="startsWith"><span class="ui-iggrid-filtericoncontainer"><span class="ui-iggrid-filtericon ui-iggrid-filtericonstartswith"></span></span><span class="ui-iggrid-filterddlistitemcontainer" data-localeid="startsWithLabel">Starts with</span></li>
"Not Empty" element definition:
<li class="ui-iggrid-filterddlistitemicons ui-state-default" tabindex="0" data-cond="notEmpty"><span class="ui-iggrid-filtericoncontainer"><span class="ui-iggrid-filtericon ui-iggrid-filtericon"></span></span><span class="ui-iggrid-filterddlistitemcontainer" data-localeid="notEmptyLabel"></span></li>