Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
70
igGridFiltering - showEmptyConditions not rendering menu options correctly
posted

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

  • 70
    Offline posted

    Here's the rendered HTML, you can see the empty and not empty definitions -

  • 70
    Offline posted

    "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>

  • 70
    Offline posted

    Please note that showNullConditions is behaving the same as showEmptyConditions - menu options failing to render correctly.

    Thanks

  • 70
    Offline posted

    I've spotted the following on version 18.x release note fixes-

    • When showEmptyConditions and showNullConditions are set to true Empty, Not Empty, Null, Not Null labels are not displayed in conditions drop down list.

    Is there any way of resolving this without having to upgrade?

    Thanks