-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from Backiaraj/grid
Update the project
- Loading branch information
Showing
64 changed files
with
1,706 additions
and
1,408 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,10 +1,12 @@ | ||
<Router AppAssembly="@typeof(Program).Assembly"> | ||
<Found Context="routeData"> | ||
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" /> | ||
</Found> | ||
<NotFound> | ||
<LayoutView Layout="@typeof(MainLayout)"> | ||
<p>Sorry, there's nothing at this address.</p> | ||
</LayoutView> | ||
</NotFound> | ||
</Router> | ||
<Router AppAssembly="@typeof(App).Assembly"> | ||
<Found Context="routeData"> | ||
<RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" /> | ||
<FocusOnNavigate RouteData="@routeData" Selector="h1" /> | ||
</Found> | ||
<NotFound> | ||
<PageTitle>Not found</PageTitle> | ||
<LayoutView Layout="@typeof(MainLayout)"> | ||
<p role="alert">Sorry, there's nothing at this address.</p> | ||
</LayoutView> | ||
</NotFound> | ||
</Router> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,60 +1,60 @@ | ||
using System; | ||
using System.Collections.Generic; | ||
using System.Linq; | ||
using System.Threading.Tasks; | ||
|
||
namespace MyBlazorProject | ||
{ | ||
public class Employee | ||
{ | ||
public Employee() | ||
{ | ||
|
||
} | ||
public Employee(int EmployeeID, string FirstName, string LastName, string Title, DateTime BirthDate, DateTime HireDate, int ReportsTo, string Address, string PostalCode, string Phone, string City, string Country, string mail, bool Discontinued) | ||
{ | ||
this.EmployeeID = EmployeeID; | ||
this.FirstName = FirstName; | ||
this.LastName = LastName; | ||
this.Title = Title; | ||
this.BirthDate = BirthDate; | ||
this.HireDate = HireDate; | ||
this.ReportsTo = ReportsTo; | ||
this.Address = Address; | ||
this.PostalCode = PostalCode; | ||
this.Phone = Phone; | ||
this.City = City; | ||
this.Country = Country; | ||
this.Email = mail; | ||
this.Discontinued = Discontinued; | ||
} | ||
public int EmployeeID { get; set; } | ||
public string FirstName { get; set; } | ||
public string LastName { get; set; } | ||
public string Title { get; set; } | ||
public DateTime BirthDate { get; set; } | ||
public DateTime HireDate { get; set; } | ||
public int ReportsTo { get; set; } | ||
public string Address { get; set; } | ||
public string PostalCode { get; set; } | ||
public string Phone { get; set; } | ||
public string City { get; set; } | ||
public string Country { get; set; } | ||
public string Email { get; set; } | ||
public bool Discontinued { get; set; } | ||
public static List<Employee> GetAllRecords() | ||
{ | ||
List<Employee> Emp = new List<Employee>(); | ||
Emp.Add(new Employee(1, "<span>Nancy</span>", "Davolio", "Sales Representative", new DateTime(1948, 12, 08), new DateTime(1992, 05, 01), 2, "507 - 20th Ave. E.Apt. 2A ", " 98122", "(206) 555-9857 ", "Seattle ", "USA", "nancy_davolio@gmail.com", true)); | ||
Emp.Add(new Employee(2, "Andrew", "Fuller", "Vice President", new DateTime(1952, 02, 19), new DateTime(1992, 08, 14), 4, "908 W. Capital Way", "98401 ", "(206) 555-9482 ", "Kirkland ", "USA", "andrew_fuller@gmail.com", true)); | ||
Emp.Add(new Employee(3, "Janet", "Leverling", "Sales Representative", new DateTime(1963, 08, 30), new DateTime(1992, 04, 01), 3, " 4110 Old Redmond Rd.", "98052 ", "(206) 555-8122", "Redmond ", "USA", "Janet_leverling@gmail.com", false)); | ||
Emp.Add(new Employee(4, "Margaret", "Peacock", "Sales Representative", new DateTime(1937, 09, 19), new DateTime(1993, 05, 03), 6, "14 Garrett Hill ", "SW1 8JR ", "(71) 555-4848 ", "London ", "UK", "margaret_peacock@gmail.com", true)); | ||
Emp.Add(new Employee(5, "Steven", "Buchanan", "Manager", new DateTime(1955, 03, 04), new DateTime(1993, 10, 17), 8, "Coventry HouseMiner Rd. ", "EC2 7JR ", " (206) 555-8122", "Tacoma ", " USA", "steven_buchanan@gmail.com", true)); | ||
Emp.Add(new Employee(6, "Michael", "Suyama", "Sales Representative", new DateTime(1963, 07, 02), new DateTime(1993, 10, 17), 2, " 7 Houndstooth Rd.", " WG2 7LT", "(71) 555-4444 ", "London ", "UK", "michael_suyama@gmail.com", false)); | ||
Emp.Add(new Employee(7, "Robert", "King", "Sales Representative", new DateTime(1960, 05, 29), new DateTime(1994, 01, 02), 7, "Edgeham HollowWinchester Way ", "RG1 9SP ", "(71) 555-5598 ", "London", "UK", "robert_king@gmail.com", true)); | ||
Emp.Add(new Employee(8, "Laura", "Callahan", "Coordinator", new DateTime(1958, 01, 09), new DateTime(1994, 03, 05), 9, "722 Moss Bay Blvd. ", "98033 ", " (206) 555-3412", "Seattle ", "USA ", "laura_callahan@gmail.com", true)); | ||
Emp.Add(new Employee(9, "Anne", "Dodsworth", "Sales Representative", new DateTime(1966, 01, 27), new DateTime(1994, 11, 15), 5, "4726 - 11th Ave. N.E. ", "98105 ", "(71) 555-5598 ", " London", "UK", "anne_dodsworth@gmail.com", false)); | ||
return Emp; | ||
} | ||
} | ||
} | ||
using System; | ||
using System.Collections.Generic; | ||
using System.Linq; | ||
using System.Threading.Tasks; | ||
|
||
namespace RowCellCustomization | ||
{ | ||
public class Employee | ||
{ | ||
public Employee() | ||
{ | ||
|
||
} | ||
public Employee(int EmployeeID, string FirstName, string LastName, string Title, DateTime BirthDate, DateTime HireDate, int ReportsTo, string Address, string PostalCode, string Phone, string City, string Country, string mail, bool Discontinued) | ||
{ | ||
this.EmployeeID = EmployeeID; | ||
this.FirstName = FirstName; | ||
this.LastName = LastName; | ||
this.Title = Title; | ||
this.BirthDate = BirthDate; | ||
this.HireDate = HireDate; | ||
this.ReportsTo = ReportsTo; | ||
this.Address = Address; | ||
this.PostalCode = PostalCode; | ||
this.Phone = Phone; | ||
this.City = City; | ||
this.Country = Country; | ||
this.Email = mail; | ||
this.Discontinued = Discontinued; | ||
} | ||
public int EmployeeID { get; set; } | ||
public string FirstName { get; set; } | ||
public string LastName { get; set; } | ||
public string Title { get; set; } | ||
public DateTime BirthDate { get; set; } | ||
public DateTime HireDate { get; set; } | ||
public int ReportsTo { get; set; } | ||
public string Address { get; set; } | ||
public string PostalCode { get; set; } | ||
public string Phone { get; set; } | ||
public string City { get; set; } | ||
public string Country { get; set; } | ||
public string Email { get; set; } | ||
public bool Discontinued { get; set; } | ||
public static List<Employee> GetAllRecords() | ||
{ | ||
List<Employee> Emp = new List<Employee>(); | ||
Emp.Add(new Employee(1, "<span>Nancy</span>", "Davolio", "Sales Representative", new DateTime(1948, 12, 08), new DateTime(1992, 05, 01), 2, "507 - 20th Ave. E.Apt. 2A ", " 98122", "(206) 555-9857 ", "Seattle ", "USA", "nancy_davolio@gmail.com", true)); | ||
Emp.Add(new Employee(2, "Andrew", "Fuller", "Vice President", new DateTime(1952, 02, 19), new DateTime(1992, 08, 14), 4, "908 W. Capital Way", "98401 ", "(206) 555-9482 ", "Kirkland ", "USA", "andrew_fuller@gmail.com", true)); | ||
Emp.Add(new Employee(3, "Janet", "Leverling", "Sales Representative", new DateTime(1963, 08, 30), new DateTime(1992, 04, 01), 3, " 4110 Old Redmond Rd.", "98052 ", "(206) 555-8122", "Redmond ", "USA", "Janet_leverling@gmail.com", false)); | ||
Emp.Add(new Employee(4, "Margaret", "Peacock", "Sales Representative", new DateTime(1937, 09, 19), new DateTime(1993, 05, 03), 6, "14 Garrett Hill ", "SW1 8JR ", "(71) 555-4848 ", "London ", "UK", "margaret_peacock@gmail.com", true)); | ||
Emp.Add(new Employee(5, "Steven", "Buchanan", "Manager", new DateTime(1955, 03, 04), new DateTime(1993, 10, 17), 8, "Coventry HouseMiner Rd. ", "EC2 7JR ", " (206) 555-8122", "Tacoma ", " USA", "steven_buchanan@gmail.com", true)); | ||
Emp.Add(new Employee(6, "Michael", "Suyama", "Sales Representative", new DateTime(1963, 07, 02), new DateTime(1993, 10, 17), 2, " 7 Houndstooth Rd.", " WG2 7LT", "(71) 555-4444 ", "London ", "UK", "michael_suyama@gmail.com", false)); | ||
Emp.Add(new Employee(7, "Robert", "King", "Sales Representative", new DateTime(1960, 05, 29), new DateTime(1994, 01, 02), 7, "Edgeham HollowWinchester Way ", "RG1 9SP ", "(71) 555-5598 ", "London", "UK", "robert_king@gmail.com", true)); | ||
Emp.Add(new Employee(8, "Laura", "Callahan", "Coordinator", new DateTime(1958, 01, 09), new DateTime(1994, 03, 05), 9, "722 Moss Bay Blvd. ", "98033 ", " (206) 555-3412", "Seattle ", "USA ", "laura_callahan@gmail.com", true)); | ||
Emp.Add(new Employee(9, "Anne", "Dodsworth", "Sales Representative", new DateTime(1966, 01, 27), new DateTime(1994, 11, 15), 5, "4726 - 11th Ave. N.E. ", "98105 ", "(71) 555-5598 ", " London", "UK", "anne_dodsworth@gmail.com", false)); | ||
return Emp; | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,18 @@ | ||
@page "/counter" | ||
|
||
<h1>Counter</h1> | ||
|
||
<p>Current count: @currentCount</p> | ||
|
||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button> | ||
|
||
@code { | ||
private int currentCount = 0; | ||
|
||
private void IncrementCount() | ||
{ | ||
currentCount++; | ||
} | ||
} | ||
@page "/counter" | ||
|
||
<PageTitle>Counter</PageTitle> | ||
|
||
<h1>Counter</h1> | ||
|
||
<p role="status">Current count: @currentCount</p> | ||
|
||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button> | ||
|
||
@code { | ||
private int currentCount = 0; | ||
|
||
private void IncrementCount() | ||
{ | ||
currentCount++; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,55 +1,47 @@ | ||
@page "/fetchdata" | ||
@inject HttpClient Http | ||
|
||
<h1>Weather forecast</h1> | ||
|
||
<p>This component demonstrates fetching data from the server.</p> | ||
|
||
@if (forecasts == null) | ||
{ | ||
<p><em>Loading...</em></p> | ||
} | ||
else | ||
{ | ||
<table class="table"> | ||
<thead> | ||
<tr> | ||
<th>Date</th> | ||
<th>Temp. (C)</th> | ||
<th>Temp. (F)</th> | ||
<th>Summary</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
@foreach (var forecast in forecasts) | ||
{ | ||
<tr> | ||
<td>@forecast.Date.ToShortDateString()</td> | ||
<td>@forecast.TemperatureC</td> | ||
<td>@forecast.TemperatureF</td> | ||
<td>@forecast.Summary</td> | ||
</tr> | ||
} | ||
</tbody> | ||
</table> | ||
} | ||
|
||
@code { | ||
private WeatherForecast[] forecasts; | ||
|
||
protected override async Task OnInitializedAsync() | ||
{ | ||
forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json"); | ||
} | ||
|
||
public class WeatherForecast | ||
{ | ||
public DateTime Date { get; set; } | ||
|
||
public int TemperatureC { get; set; } | ||
|
||
public string Summary { get; set; } | ||
|
||
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556); | ||
} | ||
} | ||
@page "/fetchdata" | ||
@using RowCellCustomization.Shared | ||
@inject HttpClient Http | ||
|
||
<PageTitle>Weather forecast</PageTitle> | ||
|
||
<h1>Weather forecast</h1> | ||
|
||
<p>This component demonstrates fetching data from the server.</p> | ||
|
||
@if (forecasts == null) | ||
{ | ||
<p><em>Loading...</em></p> | ||
} | ||
else | ||
{ | ||
<table class="table"> | ||
<thead> | ||
<tr> | ||
<th>Date</th> | ||
<th>Temp. (C)</th> | ||
<th>Temp. (F)</th> | ||
<th>Summary</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
@foreach (var forecast in forecasts) | ||
{ | ||
<tr> | ||
<td>@forecast.Date.ToShortDateString()</td> | ||
<td>@forecast.TemperatureC</td> | ||
<td>@forecast.TemperatureF</td> | ||
<td>@forecast.Summary</td> | ||
</tr> | ||
} | ||
</tbody> | ||
</table> | ||
} | ||
|
||
@code { | ||
private WeatherForecast[]? forecasts; | ||
|
||
protected override async Task OnInitializedAsync() | ||
{ | ||
forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("WeatherForecast"); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
@page "/" | ||
<SfGrid DataSource="@Employees" AllowTextWrap="true" | ||
GridLines="GridLine.Default"> | ||
<GridEvents TValue="Employee" RowDataBound="CustomizeRow"> | ||
</GridEvents> | ||
<GridColumns> | ||
<GridColumn Field="EmployeeID" | ||
HeaderText="Employee ID" | ||
TextAlign="TextAlign.Right" | ||
Width="80" | ||
CustomAttributes="@(new Dictionary<string, object>(){ { "class", "e-attr" }})"> | ||
</GridColumn> | ||
<GridColumn Field="FirstName" | ||
HeaderText="<span>First Name</span>" | ||
Width="120" | ||
DisableHtmlEncode="false"> | ||
</GridColumn> | ||
<GridColumn Field="Title" | ||
HeaderText="Title" | ||
Width="120"> | ||
</GridColumn> | ||
<GridColumn Field="HireDate" | ||
HeaderText="Hire Date" | ||
Format="d" | ||
TextAlign="TextAlign.Right" | ||
Width="90"> | ||
</GridColumn> | ||
<GridColumn Field="Address" | ||
HeaderText="Employee Address" | ||
Width="90" | ||
ClipMode="ClipMode.EllipsisWithTooltip"> | ||
</GridColumn> | ||
<GridColumn Field="Email" | ||
HeaderText="Employee Email" | ||
Width="140" | ||
ClipMode="ClipMode.Clip"> | ||
</GridColumn> | ||
</GridColumns> | ||
</SfGrid> | ||
@code { | ||
public List<Employee> Employees { get; set; } | ||
|
||
protected override void OnInitialized() | ||
{ | ||
Employees = Employee.GetAllRecords(); | ||
} | ||
|
||
public void CustomizeCell(QueryCellInfoEventArgs<Employee> args) | ||
{ | ||
if (args.Column.Field == "Title") | ||
{ | ||
if (args.Data.Title.StartsWith("Sales")) | ||
args.Cell.AddClass(new string[] { "e-sales" }); | ||
else | ||
args.Cell.AddClass(new string[] { "e-others" }); | ||
} | ||
} | ||
|
||
public void CustomizeRow(RowDataBoundEventArgs<Employee> args) | ||
{ | ||
if (args.Data.Title.StartsWith("Sales")) | ||
args.Row.AddClass(new string[] { "e-sales" }); | ||
else | ||
args.Row.AddClass(new string[] { "e-others" }); | ||
} | ||
} | ||
|
||
<style> | ||
.e-sales { | ||
background-color: aqua; | ||
} | ||
.e-others { | ||
background-color: bisque; | ||
} | ||
.e-attr { | ||
background-color: aquamarine | ||
} | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
using Microsoft.AspNetCore.Components.Web; | ||
using Microsoft.AspNetCore.Components.WebAssembly.Hosting; | ||
using RowCellCustomization.Client; | ||
using Syncfusion.Blazor; | ||
|
||
var builder = WebAssemblyHostBuilder.CreateDefault(args); | ||
builder.RootComponents.Add<App>("#app"); | ||
builder.RootComponents.Add<HeadOutlet>("head::after"); | ||
|
||
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) }); | ||
builder.Services.AddSyncfusionBlazor(); | ||
await builder.Build().RunAsync(); |
Oops, something went wrong.