Skip to content

Commit dab97f1

Browse files
DeebigaSF4971DeebigaSF4971
committed
1007690: Add the UG Samples into Git Repository
1 parent 372955f commit dab97f1

80 files changed

Lines changed: 3131 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/ConditionaFormatting/CodeBehindWithExternalButton.razor‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
@page "/conditional-formatting-codebehind"
2+
@using Syncfusion.Blazor.PivotView
3+
@using Syncfusion.Blazor.Buttons
4+
@using BlazorDemos.Pages.PivotView.PivotTable
5+
6+
<SfButton OnClick="@OnCondFormatting" IsPrimary="true">Conditional Formatting</SfButton>
7+
8+
<SfPivotView TValue="ProductDetails" @ref="pivot" AllowConditionalFormatting="true">
9+
<PivotViewDataSourceSettings DataSource="@data">
10+
<PivotViewColumns>
11+
<PivotViewColumn Name="Year"></PivotViewColumn>
12+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
13+
</PivotViewColumns>
14+
<PivotViewRows>
15+
<PivotViewRow Name="Country"></PivotViewRow>
16+
<PivotViewRow Name="Products"></PivotViewRow>
17+
</PivotViewRows>
18+
<PivotViewValues>
19+
<PivotViewValue Name="Sold" Caption="Units Sold"></PivotViewValue>
20+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
21+
</PivotViewValues>
22+
<PivotViewFilters>
23+
<PivotViewFilter Name="Product_Categories" Caption="Product Categories"></PivotViewFilter>
24+
</PivotViewFilters>
25+
<PivotViewFormatSettings>
26+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
27+
</PivotViewFormatSettings>
28+
<PivotViewConditionalFormatSettings>
29+
<PivotViewConditionalFormatSetting Measure="Amount" Conditions=Condition.GreaterThan Value1=1000>
30+
<PivotViewStyle BackgroundColor="#80cbc4" Color="black" FontFamily="Tahoma" FontSize="12px">
31+
</PivotViewStyle>
32+
</PivotViewConditionalFormatSetting>
33+
<PivotViewConditionalFormatSetting Measure="Sold" Conditions=Condition.Between Value1=500 Value2=40000>
34+
<PivotViewStyle BackgroundColor="#f48fb1" Color="black" FontFamily="Tahoma" FontSize="12px">
35+
</PivotViewStyle>
36+
</PivotViewConditionalFormatSetting>
37+
</PivotViewConditionalFormatSettings>
38+
</PivotViewDataSourceSettings>
39+
</SfPivotView>
40+
41+
@code{
42+
SfPivotView<ProductDetails> pivot;
43+
public List<ProductDetails> data { get; set; }
44+
protected override void OnInitialized()
45+
{
46+
this.data = ProductDetails.GetProductData().ToList();
47+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
48+
}
49+
public void OnCondFormatting(Microsoft.AspNetCore.Components.Web.MouseEventArgs args)
50+
{
51+
this.pivot.ShowConditionalFormattingDialogAsync();
52+
}
53+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/ConditionaFormatting/FomatForAllValues.razor‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
@page "/conditionalformatting-for-all-values"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails" AllowConditionalFormatting="true">
6+
<PivotViewDataSourceSettings DataSource="@data">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Units Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFilters>
20+
<PivotViewFilter Name="Product_Categories" Caption="Product Categories"></PivotViewFilter>
21+
</PivotViewFilters>
22+
<PivotViewFormatSettings>
23+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
24+
</PivotViewFormatSettings>
25+
<PivotViewConditionalFormatSettings>
26+
<PivotViewConditionalFormatSetting Conditions=Condition.GreaterThan Value1=500>
27+
<PivotViewStyle BackgroundColor="#80cbc4" Color="black" FontFamily="Tahoma" FontSize="12px">
28+
</PivotViewStyle>
29+
</PivotViewConditionalFormatSetting>
30+
</PivotViewConditionalFormatSettings>
31+
</PivotViewDataSourceSettings>
32+
</SfPivotView>
33+
34+
@code{
35+
public List<ProductDetails> data { get; set; }
36+
protected override void OnInitialized()
37+
{
38+
this.data = ProductDetails.GetProductData().ToList();
39+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
40+
}
41+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/ConditionaFormatting/FormatForSpecificValue.razor‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
@page "/conditional-formatting-for-specific-value"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails" AllowConditionalFormatting="true">
6+
<PivotViewDataSourceSettings DataSource="@data">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Units Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFilters>
20+
<PivotViewFilter Name="Product_Categories" Caption="Product Categories"></PivotViewFilter>
21+
</PivotViewFilters>
22+
<PivotViewFormatSettings>
23+
<PivotViewFormatSetting Name="Amount" Format="C0"></PivotViewFormatSetting>
24+
</PivotViewFormatSettings>
25+
<PivotViewConditionalFormatSettings>
26+
<PivotViewConditionalFormatSetting Measure="Sold" Conditions=Condition.GreaterThan Value1=500>
27+
<PivotViewStyle BackgroundColor="#80cbc4" Color="black" FontFamily="Tahoma" FontSize="12px">
28+
</PivotViewStyle>
29+
</PivotViewConditionalFormatSetting>
30+
</PivotViewConditionalFormatSettings>
31+
</PivotViewDataSourceSettings>
32+
</SfPivotView>
33+
34+
@code{
35+
public List<ProductDetails> data { get; set; }
36+
protected override void OnInitialized()
37+
{
38+
this.data = ProductDetails.GetProductData().ToList();
39+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
40+
}
41+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/ConditionaFormatting/FormatUsingToolbar.razor‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
@page "/conditional-formatting-toolbar"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails" ShowToolbar="true" Toolbar="@toolbar" AllowConditionalFormatting="true">
6+
<PivotViewDataSourceSettings DataSource="@data">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Units Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFormatSettings>
20+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
21+
</PivotViewFormatSettings>
22+
</PivotViewDataSourceSettings>
23+
</SfPivotView>
24+
25+
@code{
26+
public List<ToolbarItems> toolbar = new List<ToolbarItems> {
27+
ToolbarItems.ConditionalFormatting
28+
};
29+
public List<ProductDetails> data { get; set; }
30+
protected override void OnInitialized()
31+
{
32+
this.data = ProductDetails.GetProductData().ToList();
33+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
34+
}
35+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/DeferLayoutUpdate/BuildInFieldList.razor‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@page "/defer-layout-update-built-in-fieldlist"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails" ShowFieldList="true" AllowDeferLayoutUpdate="true">
6+
<PivotViewDataSourceSettings DataSource="@data">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Unit Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFormatSettings>
20+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
21+
</PivotViewFormatSettings>
22+
</PivotViewDataSourceSettings>
23+
</SfPivotView>
24+
25+
@code{
26+
public List<ProductDetails> data { get; set; }
27+
protected override void OnInitialized()
28+
{
29+
this.data = ProductDetails.GetProductData().ToList();
30+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
31+
}
32+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/DeferLayoutUpdate/StandAloneFieldList.razor‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
@page "/defer-layout-update-standalone-fieldlist"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails" ID="pivotview" @ref="pivotView" AllowDeferLayoutUpdate="true" Height="530">
6+
<PivotViewEvents TValue="ProductDetails" EnginePopulated="pivotenginepopulated"></PivotViewEvents>
7+
</SfPivotView>
8+
<SfPivotFieldList TValue="ProductDetails" ID="fieldlist" @ref="fieldList" RenderMode="Mode.Fixed" AllowDeferLayoutUpdate="true">
9+
<PivotFieldListDataSourceSettings DataSource="@data" EnableSorting=true>
10+
<PivotFieldListColumns>
11+
<PivotFieldListColumn Name="Year"></PivotFieldListColumn>
12+
<PivotFieldListColumn Name="Quarter"></PivotFieldListColumn>
13+
</PivotFieldListColumns>
14+
<PivotFieldListRows>
15+
<PivotFieldListRow Name="Country"></PivotFieldListRow>
16+
<PivotFieldListRow Name="Products"></PivotFieldListRow>
17+
</PivotFieldListRows>
18+
<PivotFieldListValues>
19+
<PivotFieldListValue Name="Sold" Caption="Unit Sold"></PivotFieldListValue>
20+
<PivotFieldListValue Name="Amount" Caption="Sold Amount"></PivotFieldListValue>
21+
</PivotFieldListValues>
22+
</PivotFieldListDataSourceSettings>
23+
<PivotFieldListEvents TValue="ProductDetails" EnginePopulated="enginepopulated"></PivotFieldListEvents>
24+
</SfPivotFieldList>
25+
<style>
26+
#fieldlist {
27+
width: 42%;
28+
height: 100%;
29+
float: right;
30+
}
31+
32+
#pivotview {
33+
width: 57%;
34+
height: 530px;
35+
float: left;
36+
}
37+
</style>
38+
@code{
39+
SfPivotFieldList<ProductDetails> fieldList;
40+
SfPivotView<ProductDetails> pivotView;
41+
public List<ProductDetails> data { get; set; }
42+
protected override void OnInitialized()
43+
{
44+
this.data = ProductDetails.GetProductData();
45+
}
46+
47+
public void pivotenginepopulated(EnginePopulatedEventArgs args)
48+
{
49+
this.fieldList.UpdateAsync(this.pivotView);
50+
}
51+
public void enginepopulated(EnginePopulatedEventArgs args)
52+
{
53+
this.fieldList.UpdateViewAsync(this.pivotView);
54+
}
55+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/DrillDownOrUp/ExpandAll.razor‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@page "/pivot-table/expand-all"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails">
6+
<PivotViewDataSourceSettings DataSource="@data" ExpandAll="true">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Unit Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFormatSettings>
20+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
21+
</PivotViewFormatSettings>
22+
</PivotViewDataSourceSettings>
23+
</SfPivotView>
24+
25+
@code{
26+
public List<ProductDetails> data { get; set; }
27+
protected override void OnInitialized()
28+
{
29+
this.data = ProductDetails.GetProductData().ToList();
30+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
31+
}
32+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/DrillDownOrUp/ExpandAllExceptSpecificMember.razor‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
@page "/expand-all-except-specific-member"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails">
6+
<PivotViewDataSourceSettings DataSource="@data" ExpandAll="true">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Unit Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFormatSettings>
20+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
21+
</PivotViewFormatSettings>
22+
<PivotViewDrilledMembers>
23+
<PivotViewDrilledMember Name="Country" Items="@(new string[] { "France", "Germany" })"></PivotViewDrilledMember>
24+
</PivotViewDrilledMembers>
25+
</PivotViewDataSourceSettings>
26+
</SfPivotView>
27+
28+
@code{
29+
public List<ProductDetails> data { get; set; }
30+
protected override void OnInitialized()
31+
{
32+
this.data = ProductDetails.GetProductData().ToList();
33+
//Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
34+
}
35+
}

‎PivotTable/NET10/ServerApp/Components/Pages/PivotTable/DrillDownOrUp/ExpandAllForSpecificFields.razor‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@page "/expand-all-for-specific-fields"
2+
@using Syncfusion.Blazor.PivotView
3+
@using BlazorDemos.Pages.PivotView.PivotTable
4+
5+
<SfPivotView TValue="ProductDetails">
6+
<PivotViewDataSourceSettings DataSource="@data" ExpandAll="false">
7+
<PivotViewColumns>
8+
<PivotViewColumn Name="Year" ExpandAll="true"></PivotViewColumn>
9+
<PivotViewColumn Name="Quarter"></PivotViewColumn>
10+
</PivotViewColumns>
11+
<PivotViewRows>
12+
<PivotViewRow Name="Country" ExpandAll="true"></PivotViewRow>
13+
<PivotViewRow Name="Products"></PivotViewRow>
14+
</PivotViewRows>
15+
<PivotViewValues>
16+
<PivotViewValue Name="Sold" Caption="Unit Sold"></PivotViewValue>
17+
<PivotViewValue Name="Amount" Caption="Sold Amount"></PivotViewValue>
18+
</PivotViewValues>
19+
<PivotViewFormatSettings>
20+
<PivotViewFormatSetting Name="Amount" Format="C"></PivotViewFormatSetting>
21+
</PivotViewFormatSettings>
22+
</PivotViewDataSourceSettings>
23+
</SfPivotView>
24+
25+
@code{
26+
private List<ProductDetails> data { get; set; }
27+
protected override void OnInitialized()
28+
{
29+
this.data = ProductDetails.GetProductData().ToList();
30+
// Bind the data source collection here. Refer "Assigning sample data to the pivot table" section in getting started for more details.
31+
}
32+
}

0 commit comments

Comments
 (0)