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
35
Remote Paging and Remote GroupBy
posted

Hi,

I am using Infragistics with TypeScript and I read that remote paging and remote GroupBy working together is a known limitation. But do you have any plan to fix it? Our customers need GroupBy as a required feature.

I am firing custom events when page changes and groupby changes (with a custom call to the server) so I can even specify it as local. I am getting the data by setting those to local and it is still not working properly.

This is my gridoptions:

protected DefaultGridOptions: IgGrid = {
        autoCommit: true,
        autofitLastColumn: true,
        autoGenerateColumns: true,
        renderCheckboxes: true,
        autoAdjustHeight: true,
        showFooter: true,
        avgRowHeight: "25px",
        defaultColumnWidth: "*",
        fixedHeaders: false,
        responseDataKey: "result",
        features: [
            {
                name: "Resizing",
                deferredResizing: false,
                allowDoubleClickToResize: true
            },
            {
                name: "ColumnMoving",
                addMovingDropdown: false,
            },
            {
                name: "Selection",
                persist: true,
                multipleSelection: true
            },
            {
                name: "Sorting",
                type: "local",
                mode: "multi",
                columnSorting: async (evt, ui) => { await this.SortGrid(evt, ui); }
            },
            {
                name: "Filtering",
                type: "local",
                persist: false,
                showEmptyConditions: true,
                filterDropDownItemIcons: true,
                dataFiltering: async (evt, ui) => { await this.FilterGrid(evt, ui); }
            },
            {
                name: "Paging",
                type: "local",
                pageSize: 40,
                pageCountLimit: 5000,
                showPageSizeDropDown: false,
                recordCountKey: "totalRecords",
                pageSizeUrlKey: "pageSize",
                pageIndexUrlKey: "pageNumber",
                pageIndexChanging: async (evt, ui) => { await this.PageChange(evt, ui); }
            },
            {
                name: "GroupBy",
                type: "local",
                groupByDialogContainment: "window",
                groupedColumnsChanged: async (evt, ui) => {
                    await this.GroupByGrid(evt, ui);
                },
                initialExpand: false
            }
        ]
    };

Once I receive the data I am doing this:

$.igGrid("dataSourceObject", {
    result: (data),
    totalRecords: (total records)
});
$.igGrid("dataBind");

Once all this happens, the total number of pages only shows "1" and does not show the actual number of pages as per the total record count.

How do I fix this?

Thanks.

Parents
  • 17150
    Offline posted

    Hello Mohammed,

    Thank you for posting in our community.

    At this point, as stated in our Known Issues and Limitations topic, remote GroupBy does not work as expected with Remote Paging.
    In order to state that you would like to see these two features working together my suggestion is submitting a new product idea on our ideas web site.
    There are many benefits to submitting a product idea:

    • Direct communication with our product management team regarding your product idea.
    • Notifications whenever new information regarding your idea becomes available.
    • Ability to vote on your favorite product ideas to let us know which ones are the most important to you.  You will have ten votes for this and can change which ideas you are voting for at any time.
    • Allow you to shape the future of our products by requesting new controls and products altogether.
    • You and other developers can discuss existing product ideas with members of our Product Management team.

     Steps to create your idea:

    1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).
    2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
    3. Add your product idea and be sure to be specific and provide as much detail as possible.

     

    The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.

    Thank you for using Infragistics component. 

Reply Children
No Data