Category / Section
How to set the header text in the PivotGrid?
1 min read
This KB illustrates that how to set header text in PivotGrid.
Solution:
You can use the following code examples to change the header text in the PivotGrid with respective to JS, ASP and MVC platforms.
JavaScript
$(function () { $("#PivotGrid").ejPivotGrid({ url: "../wcf/OLAPService.svc", afterServiceInvoke: "OnChangeHeaderText" }); }); function OnChangeHeaderText(args) { var JsonData = this.getJSONRecords(); JsonData[0].Value = "Header Text"; this.setJSONRecords(JSON.stringify(JsonData)); }
ASP
<ej:PivotGrid ID="OlapChart1" runat="server" Url="../wcf/PivotGridtService.svc"> <ClientSideEvents AfterServiceInvoke="OnChangeHeaderText"/> </ej:PivotGrid> <script type="text/javascript"> function OnChangeHeaderText(args) { var JsonData = this.getJSONRecords(); JsonData[0].Value = "Header Text"; this.setJSONRecords(JSON.stringify(JsonData)); } <script/>
MVC
@Html.EJ().Olap().PivotGrid("PivotGrid1").Url(Url.Content("~/wcf/PivotGridService.svc")).ClientSideEvents(clientSideEvent => clientSideEvent.AfterServiceInvoke("OnChangeHeaderText")) <script type="text/javascript"> function OnChangeHeaderText(args) { var JsonData = this.getJSONRecords(); JsonData[0].Value = "Header Text"; this.setJSONRecords(JSON.stringify(JsonData)); } <script/>