9 | About
10 |
11 |
12 |
13 | @Body
14 |
15 | BlazorPager with default settings:
7 | 8 |
8 |
16 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Client/Shared/MainLayout.cshtml:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 |
3 |
6 |
7 |
8 |
16 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Shared/WeatherForecast.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Text;
4 |
5 | namespace BlazorHosted.Shared
6 | {
7 | public class WeatherForecast
8 | {
9 | public DateTime Date { get; set; }
10 |
11 | public int TemperatureC { get; set; }
12 |
13 | public string Summary { get; set; }
14 |
15 | public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Client/Startup.cs:
--------------------------------------------------------------------------------
1 | using Microsoft.AspNetCore.Components.Builder;
2 | using Microsoft.Extensions.DependencyInjection;
3 |
4 | namespace BlazorHosted.Client
5 | {
6 | public class Startup
7 | {
8 | public void ConfigureServices(IServiceCollection services)
9 | {
10 | }
11 |
12 | public void Configure(IComponentsApplicationBuilder app)
13 | {
14 | app.AddComponent
9 | About
10 |
11 |
12 |
13 | @Body
14 |
15 | BlazorPager with default settings:
6 |<BlazorPager TotalItemCount="188" RoutePattern="index/{0}"></BlazorPager>
7 |
8 |
2 |
3 | @Title
4 |
5 |
6 | Please take our
7 | brief survey
8 |
9 | and tell us what you think.
10 |
11 |
12 | @functions {
13 | // Demonstrates how a parent component can supply parameters
14 | [Parameter] string Title { get; set; }
15 | }
16 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Client/wwwroot/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Bootstrap style pagination
6 | 20 | 21 | @functions{ 22 | [Parameter] 23 | private int Page { get; set; } 24 | 25 | void ChangePage(int pageIndex) 26 | { 27 | StateHasChanged(); 28 | } 29 | 30 | } 31 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Tao Yang 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Demo/RazorComponents/Components/Pages/Bootstrap.razor: -------------------------------------------------------------------------------- 1 | @page "/bootstrap" 2 | @page "/bootstrap/{page:int}" 3 | @addTagHelper *,Webdiyer.AspNetCore.BlazorPager 4 | 5 |Bootstrap style pagination
6 | 20 | 21 | @functions{ 22 | [Parameter] 23 | private int Page { get; set; } 24 | 25 | void ChangePage(int pageIndex) 26 | { 27 | StateHasChanged(); 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /Demo/RazorComponents/RazorComponents.csproj: -------------------------------------------------------------------------------- 1 |
9 |
41 |
42 |
43 | @functions {
44 | bool collapseNavMenu = true;
45 |
46 | string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
47 |
48 | void ToggleNavMenu()
49 | {
50 | collapseNavMenu = !collapseNavMenu;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Client/Shared/NavMenu.cshtml:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
41 |
42 |
43 | @functions {
44 | bool collapseNavMenu = true;
45 |
46 | string NavMenuCssClass => collapseNavMenu ? "collapse" : null;
47 |
48 | void ToggleNavMenu()
49 | {
50 | collapseNavMenu = !collapseNavMenu;
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/Demo/BlazorHosted/BlazorHosted.Server/Controllers/SampleDataController.cs:
--------------------------------------------------------------------------------
1 | using BlazorHosted.Shared;
2 | using Microsoft.AspNetCore.Hosting;
3 | using Microsoft.AspNetCore.Mvc;
4 | using System;
5 | using System.IO;
6 | using System.Linq;
7 | using X.PagedList;
8 |
9 | namespace BlazorHosted.Server.Controllers
10 | {
11 | [Route("api/[controller]")]
12 | public class SampleDataController : Controller
13 | {
14 | public SampleDataController(IHostingEnvironment env)
15 | {
16 | Env = env;
17 | }
18 | private IHostingEnvironment Env;
19 |
20 | private static string[] Summaries = new[]
21 | {
22 | "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
23 | };
24 |
25 |
26 | [HttpGet("[action]")]
27 | public PagedListData
30 | ```
31 |
32 | #### Using Open Iconic's SVG Sprite
33 |
34 | Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
35 |
36 | Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `