Search results

Improve filter dialog performance when handling large data

In the filter dialog, you can set the limit to display the field values while loading large data. Based on this limit, the initial loading will complete quickly without any performance constraint. You can use the search option to refine the field values from the exceeded limit and refine the data further. A message with the remaining data count will be displayed in the member editor. The data limit can be set in the maxNodeLimitInEditor property.

By default, the property holds the value 1000.

The property is available in both Pivot Grid and Field List components.

In the below example, the data in the member editor limits to 100. So, the member editor of the field ProductID shows only its first 100 members from its 1000 members.

tagHelper
LimitData.cs
<ejs-pivotview id="PivotGrid" height="300" showGroupingBar="true" maxNodeLimitInEditor=100>
    <e-datasource data="@ViewBag.data" expandAll="false">
        <e-rows>
            <e-field name="Country"></e-field>
            <e-field name="Products"></e-field>
        </e-rows>
        <e-columns>
            <e-field name="Year" caption="Production Year"></e-field>
            <e-field name="Quarter"></e-field>
        </e-columns>
        <e-values>
            <e-field name="Sold" caption="Units Sold"></e-field>
            <e-field name="Amount" caption="Sold Amount"></e-field>
        </e-values>
    </e-datasource>
</ejs-pivotview>
public ActionResult Index()
{
    var data = GetPivotData();
    ViewBag.data = data;
    return View();
}