date and numeric range components have been added

Author: Serkant Samurkas

Sobiens.Web.Components.TutorialServices/Controllers/CustomersController.cs

@@ -18,7 +18,7 @@ public ServiceResult<List<Customer>> Get(int pageIndex, int pageItemCount, strin
             ServiceResult<List<Customer>> result = new ServiceResult<List<Customer>>(null);
 
             List<Customer> customers = db.Customers.ToList();
-
+            int skipCount = pageIndex * pageItemCount;
             if (string.IsNullOrEmpty(sort) == false)
             {
                 string[] sortsValues = sort.Split(new char[] { ',' });
@@ -39,7 +39,10 @@ public ServiceResult<List<Customer>> Get(int pageIndex, int pageItemCount, strin
                         customers = customers.OrderByDescending(x => propertyInfo.GetValue(x, null)).ToList();
                 }
             }
+            result.TotalItemCount = customers.Count;
+            customers = customers.Skip(skipCount).Take(pageItemCount).ToList();
 
+            result.NextPageExist = result.TotalItemCount > ((pageIndex + 1) * pageItemCount) ? true : false;
             result.Data = customers;
             result.Succeed = true;
             return result;

Sobiens.Web.Components/Controls/SobyGridSideMenuControl.ascx

@@ -16,6 +16,7 @@
             <li><a href="/Tutorials/SobyGrid/StaticDataBinding.aspx">Static Data Binding</a></li>
             <li><a href="/Tutorials/SobyGrid/WebAPIOData.aspx">Web API and OData Implementation</a></li>
             <li><a href="/Tutorials/SobyGrid/SPDataBinding.aspx">SP Data Binding</a></li>
+            <li><a href="/Tutorials/SobyGrid/ExtendingDataBinding.aspx">Extending Data Binding</a></li>
             <li><a href="/Tutorials/SobyGrid/CustomDataBinding.aspx">Custom Data Binding</a></li>
         </ul></li>
     <li><a href="/Tutorials/SobyGrid/RefreshData.aspx">Refresh Data</a></li>
@@ -34,7 +35,7 @@
     <li><a href="/Tutorials/SobyGrid/NestedGrids.aspx">Nested Grids</a></li>
     <li><a href="/Tutorials/SobyGrid/Master-Details.aspx">Master-Details</a></li>
     <li style="display:none"><a href="/Tutorials/SobyGrid/ContextMenu.aspx">Context Menu</a></li>
-    <li style="display:none"><a href="/Tutorials/SobyGrid/KeyboardNavigation.aspx">Keyboard Navigation</a></li>
+    <li><a href="/Tutorials/SobyGrid/KeyboardNavigation.aspx">Keyboard Navigation</a></li>
     <li><a href="/Tutorials/SobyGrid/Themes.aspx">Themes</a></li>
     <li>Labs<ul><li><a href="/Tutorials/SobyGrid/Customer Orders.aspx">Customer Orders</a></li></ul></li>
 </ul>

Sobiens.Web.Components/Controls/SobyRangeSelectionSideMenuControl.ascx

@@ -0,0 +1,8 @@
+<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SobyRangeSelectionSideMenuControl.ascx.cs" Inherits="Sobiens.Web.Components.Controls.SobyRangeSelectionSideMenuControl" %>
+<a href="/download/Versions.aspx" style="background-color:#7b4f9d;width: 150px;color:white;text-align:center;display:block;position:relative;padding-top:5px;padding-bottom:5px;font-weight:bold">Download</a>
+<h3>Tutorials</h3>
+<ul>
+    <li><a href="/Tutorials/SobyRangeSelection/Getting Started.aspx">Getting Started</a></li>
+    <li><a href="/Tutorials/SobyRangeSelection/DateRangeSelection.aspx">Date Range Selection</a></li>
+    
+</ul>

Sobiens.Web.Components/Controls/SobyRangeSelectionSideMenuControl.ascx.cs

@@ -0,0 +1,17 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+namespace Sobiens.Web.Components.Controls
+{
+    public partial class SobyRangeSelectionSideMenuControl : System.Web.UI.UserControl
+    {
+        protected void Page_Load(object sender, EventArgs e)
+        {
+
+        }
+    }
+}

Sobiens.Web.Components/Controls/SobyRangeSelectionSideMenuControl.ascx.designer.cs

@@ -11,6 +11,7 @@ function soby_PopulateGridThemes() {
     bookDataSourceBuilder.AddSchemaField("Year", SobyFieldTypes.Number, null);
     bookDataSourceBuilder.AddSchemaField("Price", SobyFieldTypes.Number, null);
     bookDataSourceBuilder.AddSchemaField("Genre", SobyFieldTypes.Text, null);
+    bookDataSourceBuilder.RowLimit = 3;
     var bookService = new soby_WebServiceService(bookDataSourceBuilder);
     bookService.Transport.Read = new soby_TransportRequest(soby_GetTutorialWebAPIUrl() + "/Books", "json", "application/json; charset=utf-8", "GET");
 

Sobiens.Web.Components/Scripts/Tutorials/WebAPI/Grid/themes.js

@@ -104,55 +104,51 @@
                 </div>
             </main>
         </div>
+                            <div class="content-wrapper">
+<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+<!-- webcomponents.sobiens.com1 -->
+<ins class="adsbygoogle"
+     style="display:block"
+     data-ad-client="ca-pub-4194616049725980"
+     data-ad-slot="4679367279"
+     data-ad-format="auto"></ins>
+<script>
+    (adsbygoogle = window.adsbygoogle || []).push({});
+</script>
+
+        </div>
+
     </div>
         <footer class="bd-footer py-5 mt-5 bg-dark">
   <div class="container py-5">
     <div class="row">
       <div class="col-lg-3 mb-3">
-        <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/" aria-label="Bootstrap">
-          <svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" class="d-block me-2" viewBox="0 0 118 94" role="img"><title>Bootstrap</title><path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z" fill="currentColor"></path></svg>
-          <span class="fs-5">Soby Web Components</span>
+        <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/" aria-label="Soby Web Components">
+          <span class="fs-5" style="color:white">Soby Web Components</span>
         </a>
         <ul class="list-unstyled small text-muted">
-          <li class="mb-2">Code licensed <a href="https://github.com/twbs/bootstrap/blob/main/LICENSE" target="_blank" rel="license noopener">MIT</a></li>
+          <li class="mb-2">&copy; 2006 - <a href="http://www.sobiens.com" target="_blank" title="Sobiens website">www.sobiens.com</a> </li>
+          <li class="mb-2">Code licensed MIT</li>
           <li class="mb-2">Current version v1.9.0.1.</li>
         </ul>
       </div>
       <div class="col-6 col-lg-2 offset-lg-1 mb-3">
-        <h5>Links</h5>
+        <h5 style="color:white">Links</h5>
         <ul class="list-unstyled">
-          <li class="mb-2"><a href="/">Home</a></li>
-          <li class="mb-2"><a href="/API%20Documentation/Grid/Grid.aspx">Docs</a></li>
-          <li class="mb-2"><a href="/Tutorials/SobyGrid/Getting%20Started">Examples</a></li>
+          <li class="mb-2"><a href="/" title="Soby Web Components">Home</a></li>
+          <li class="mb-2"><a href="/API%20Documentation/Grid/Grid.aspx" title="Web components documentation">Docs</a></li>
+          <li class="mb-2"><a href="/Tutorials/SobyGrid/Getting%20Started" title="Web components examples">Examples</a></li>
         </ul>
       </div>
       <div class="col-6 col-lg-2 mb-3">
-        <h5>Guides</h5>
+        <h5 style="color:white">Guides</h5>
         <ul class="list-unstyled">
-          <li class="mb-2"><a href="/Tutorials/SobyGrid/Getting%20Started">Getting started</a></li>
+          <li class="mb-2"><a href="/Tutorials/SobyGrid/Getting%20Started" title="Getting Started">Getting started</a></li>
         </ul>
       </div>
     </div>
   </div>
 </footer>
-    <footer>
-        <div class="content-wrapper">
-		<div class="float-left">
-                <p>&copy; 2006 - <a href="http://www.sobiens.com">www.sobiens.com</a> </p>
-            </div>
-<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-<!-- webcomponents.sobiens.com1 -->
-<ins class="adsbygoogle"
-     style="display:block"
-     data-ad-client="ca-pub-4194616049725980"
-     data-ad-slot="4679367279"
-     data-ad-format="auto"></ins>
-<script>
-    (adsbygoogle = window.adsbygoogle || []).push({});
-</script>
-
-        </div>
-    </footer>
     </form>
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20800451-2"></script>