This article explains how to create a custom dialog in ASP.NET Core Pivot Table when double-clicking on a value cell. Implementing a custom dialog when double clicking on a value cell In certain situations, you may want to provide additional interactivity by displaying a custom dialog box whenever a value cell is double-clicked in a pivot table. This can be useful for showing detailed information, conducting validations, or initiating other custom actions. To achieve this, you can use the drillThrough event, which is triggered each time a value cell is double-clicked. Note: In order to use the drillThrough event, it is important to set the allowDrillThrough property to true. Here is a code example that shows how to create a custom dialog when double-clicking on a value cell. [Index.cshtml] <ejs-pivotview id="pivotview" width="100%" allowdrillthrough="true" drillthrough="drillThrough"></ejs-pivotview> In the code example above, we have suppressed the default drill through dialog from opening by setting args.cancel to true. Following this, we have created a custom dialog box using the EJ2 Dialog Component and its properties, for instance, its title, message, size, position, and animation appearance, among others. You can modify this event as per your requirements to customize the dialog box and its contents. The following screenshot, which portrays the results of the code snippet mentioned above, Sceenshot View Sample in GitHub Conclusion: I hope you enjoyed learning how to create a custom dialog when double-clicking on a value cell. You can refer to our ASP.NET Core Pivot Table feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our ASP.NET Core Pivot Table example to understand how to create and manipulate data. For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, support portal, or feedback portal. We are always happy to assist you!
This article explains how to disable the alert dialog box in the Angular pivot table Disable alert dialog box There may be instances where you have to suppress the alert dialog that pops up when you switch reports or create a new report after modifying the current report. To achieve this, use the dataBound event in your code. The dataBound event triggered when the pivot table is rendered. Here is a code snippet that guides how you can turn off the alert dialog box: [app.component.html] <div class="control-section" id="pivot-table-section"> <div> <ejs-pivotview #pivotview id="PivotView" (databound)="dataBound($event)"> </ejs-pivotview> </div> </div> [app.component.ts] @ViewChild('pivotview') public pivotObj: PivotView; dataBound() { this.pivotObj.isModified = false; this.pivotObj.toolbarModule.action = ''; } By using the above dataBound event and setting the isModified property to false, the alert dialog box is effectively turned off. Additionally, the toolbarModule.action property should be set to an empty string to clear any actions that have been set in the toolbar. For a practical demonstration, refer to the sample of stackblitz. Conclusion: I hope you enjoyed learning how to disable the alert dialog box in the Pivot Table when changing the report. You can refer to our Angular Pivot Table feature tour feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our Angular Pivot Table example example to understand how to create and manipulate data. For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, support portal, or feedback portal. We are always happy to assist you!
