In StandaloneApp, add example of pagination backed by navigation

samples/StandaloneApp/Pages/FetchData.cshtml

@@ -1,4 +1,5 @@
 @page "/fetchdata"
+@page "/fetchdata/{StartDate:datetime}"
 @inject HttpClient Http
 
 <h1>Weather forecast</h1>
@@ -32,15 +33,38 @@ else
             }
         </tbody>
     </table>
+    <p class="text-center">
+        <a href="/fetchdata/@StartDate.AddDays(-5).ToString("yyyy-MM-dd")" class="pull-left">
+            ◀ Previous
+        </a>
+        <a href="/fetchdata/@StartDate.AddDays(5).ToString("yyyy-MM-dd")" class="pull-right">
+            Next ▶
+        </a>
+    </p>
 }
 
 @functions {
+    public DateTime StartDate { get; set; }
+
     WeatherForecast[] forecasts;
 
-    protected override async Task OnInitAsync()
+    public override void SetParameters(ParameterCollection parameters)
     {
-        var json = await Http.GetStringAsync("/sample-data/weather.json");
+        StartDate = DateTime.Now;
-        forecasts = JsonUtil.Deserialize<WeatherForecast[]>(json);
+        base.SetParameters(parameters);
+    }
+
+    protected override async Task OnParametersSetAsync()
+    {
+        forecasts = await Http.GetJsonAsync<WeatherForecast[]>(
+            $"/sample-data/weather.json?date={StartDate.ToString("yyyy-MM-dd")}");
+
+        // Because StandaloneApp doesn't really have a server endpoint to get dynamic data from,
+        // fake the DateFormatted values here. This would not apply in a real app.
+        for (var i = 0; i < forecasts.Length; i++)
+        {
+            forecasts[i].DateFormatted = StartDate.AddDays(i).ToShortDateString();
+        }
     }
 
     class WeatherForecast

samples/StandaloneApp/wwwroot/css/site.css

@@ -78,8 +78,12 @@
 .navbar-nav > li a:hover {
     color: #fff;
     background-color: transparent;
-    text-decoration: none;
+}
-}
+
-.navbar-nav > li a:focus {
+a:focus:not(:hover) {
+    color: #337ab7;
+}
+
+a:hover, a:focus {
     text-decoration: none;
 }