12 |14 | ##### 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGEnableSorting.md: -------------------------------------------------------------------------------- 1 | ####data-g-enable-sorting 2 | 3 | This property is used to disable sorting for this column. 4 | 5 | **Value:** *true* or *false*. 6 | 7 | **Default value:** *true*. 8 | 9 | **Example**: 10 | 11 |13 |
12 |14 | ##### 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGEnableFiltering.md: -------------------------------------------------------------------------------- 1 | ####data-g-enable-filtering 2 | 3 | The property is used to disable filtering for the column. 4 | 5 | **Value:** *true* or *false*. 6 | 7 | **Default value:** *true*. 8 | 9 | **Example:** 10 | 11 |13 |
12 |14 | ##### 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Content/iframe.css: -------------------------------------------------------------------------------- 1 | .tgrid-mobile-container { 2 | height: 492px; 3 | } 4 | 5 | .mobile-phone-wrapper { 6 | position:relative; 7 | } 8 | 9 | .mobile-grid-container { 10 | position:absolute; 11 | top: 136px; 12 | left: 57px; 13 | background: white; 14 | height: 519px; 15 | width: 318px; 16 | } 17 | 18 | body{ 19 | margin: 0 1px 0 0; 20 | } 21 | 22 | .footer { 23 | color: #757575; 24 | text-align: center; 25 | font-size: 14px; 26 | } 27 | 28 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Content/purchaseStyle.css: -------------------------------------------------------------------------------- 1 | body { 2 | } 3 | 4 | .tgrid-header-cell-container{ 5 | margin: 0px; 6 | display:inline-block; 7 | width: 100%; 8 | height: 55px; 9 | position: relative; 10 | line-height: 25px; 11 | border:white; 12 | 13 | } 14 | 15 | .tgrid-table { 16 | border-collapse: separate; 17 | } 18 | 19 | .tgrid-table thead tr th { 20 | padding:0; 21 | } 22 | 23 | .tgrid-table tbody tr td { 24 | padding: 0; 25 | text-align:center; 26 | } 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGResizable.md: -------------------------------------------------------------------------------- 1 | ###data-g-resizable 2 | 3 | Defines if the column is resizable. If the property **data-g-not-sized** value is set to true, the column will not be resizable. 4 | 5 | **Value:** *false* or *true*. 6 | 7 | **Default value:** *true*. 8 | 9 | **Example**: 10 | 11 |13 |
12 |14 | ##### 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/CustomActionsOnRowClickHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |13 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/SimpleGridWithPercentHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/jsVirtualizationAngular.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 | 13 |14 |
6 | var items = [
7 | { Name: "Elizabeth", Surname: "Brown", Age: "20" },
8 | //... add your items here
9 | ];
10 |
11 | var sampleModule = angular.module("SampleModule", ['TGrid'])
12 | .controller("ctrl", function ctrl($scope) {
13 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
14 | })
15 |
16 | $(function () {
17 | })
18 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/App_Start/WebApiConfig.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using System.Collections.Generic;
3 | using System.Linq;
4 | using System.Web.Http;
5 |
6 | namespace TesserisPro.TGrid.Web
7 | {
8 | public static class WebApiConfig
9 | {
10 | public static void Register(HttpConfiguration config)
11 | {
12 | config.Routes.MapHttpRoute(
13 | name: "DefaultApi",
14 | routeTemplate: "api/{controller}/{id}",
15 | defaults: new { id = RouteParameter.Optional }
16 | );
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/SimpleGridNotSizedColumnsHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/SimpleGridNotSizedColumnsWithPercentHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/CustomItemsProviderHtmlKnock.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/SimpleGridWithoutPagingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |5 | 13 |14 |
5 |16 | 17 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/SimpleGridWithoutPagingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |6 | 14 |15 |
5 |16 | 17 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/lazyLoadingHtmlKnock.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |6 | 14 |15 |
5 |16 | 17 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/Js100000RowsAngular.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |6 | 14 |15 |
6 | var sampleModule = angular.module("SampleModule", ['TGrid'])
7 | .controller("ctrl", function ctrl($scope) {
8 | $scope.url = '@@Url.Content("~")'.concat("Content/images/picturesForGrid/");
9 | $scope.dataProvider = new TesserisPro.TGrid.ServerItemsProvider('@@Url.Content("~/Home/GetItems")', '@@Url.Content("~/Home/GetTotalItemsCount")', '@@Url.Content("~")');
10 | })
11 |
12 | $(function () {
13 | })
14 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/lazyLoadingMobileHtmlKnock.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/packages.config: -------------------------------------------------------------------------------- 1 | 2 |5 | 13 |14 |
12 |14 | ##### 15 |13 |
16 |18 | ##### 19 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/PagingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |17 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/CustomActionsOnRowClickHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGNotSized.md: -------------------------------------------------------------------------------- 1 | ###data-g-not-sized 2 | 3 | Defines whether the column has a width. If it is set to *true*, then: 4 | 5 | + the column doesn't have a width 6 | 7 | + the column becomes not resizable 8 | 9 | + the table css property *table-layout* is set to *fixed* 10 | 11 | + a width of all not-sized columns becomes the same and depends on the table width 12 | 13 | **Example**: 14 | 15 |5 |18 |6 |17 |7 | 15 | 16 |
16 |18 | ##### 19 | 22 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/GroupCollapsingMobileKnockoutHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |17 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Models/TGridModels/SortDescriptor.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Web; 5 | 6 | namespace TesserisPro.TGrid.Web.Models.TGridModels 7 | { 8 | public class SortDescriptor 9 | { 10 | public string path {get; set;} 11 | public bool? asc { get; set; } 12 | 13 | 14 | public SortDescriptor() 15 | { 16 | this.path = String.Empty; 17 | this.asc = null; 18 | } 19 | public SortDescriptor(string path, bool? acs) 20 | { 21 | this.path = path; 22 | this.asc = acs; 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/PagingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |15 | 16 | 19 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/ScriptJs.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 | 13 |14 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" }
8 | //... add your items here
9 | ];
10 |
11 | function vm() {
12 | var self = this;
13 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
14 | };
15 |
16 | $(function () {
17 | ko.applyBindings(new vm());
18 | });
19 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/enableSorting.md:
--------------------------------------------------------------------------------
1 | ####enableSorting
2 |
3 | Enables or disables sorting.
4 |
5 | **Value:** *true* or *false*.
6 |
7 | **Default value:** *false*.
8 |
9 | **Example:**
10 |
11 | #####For Knockout
12 |
13 | 14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/SimpleGridNotSizedColumnsHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |22 | 23 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/GroupingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |14 | 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/GroupingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 12 |13 |
4 |14 | 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/enableGrouping.md: -------------------------------------------------------------------------------- 1 | ####enableGrouping 2 | 3 | Enables or disables grouping. 4 | 5 | **Value:** *true* or *false*. 6 | 7 | **Default value:** *false*. 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |5 | 12 |13 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | 30 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/captureScroll.md: -------------------------------------------------------------------------------- 1 | ####captureScroll 2 | 3 | Enables or disables the scroll capturing. 4 | 5 | **Value:** *true* or *false* 6 | 7 | **Default value:** *true* 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |22 | 23 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/enableFiltering.md: -------------------------------------------------------------------------------- 1 | ####enableFiltering 2 | 3 | Enables or disables filtering. 4 | 5 | **Value:** *true* or *false*. 6 | 7 | **Default value:** *false*. 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |22 | 23 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | 30 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/pageSize.md: -------------------------------------------------------------------------------- 1 | ####pageSize. 2 | 3 | Defines how many items are displayed on 1 page. 4 | 5 | **Value:** a number from 1 to the total items count. 6 | 7 | **Default value:** *10*. 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |22 | 23 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/IItemProvider.js: -------------------------------------------------------------------------------- 1 | //===================================================================================== 2 | // 3 | // The Tesseris Free License 4 | // 5 | // Copyright(c) 2014 Tesseris Pro LLC 6 | // 7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | // software and associated documentation files(the "Software"), to deal in the Software 9 | // without restriction, including without limitation the rights to use, copy, modify, 10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | // permit persons to whom the Software is furnished to do so, subject to the following 12 | // conditions: 13 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/SimpleGridNotSizedColumnsWithPercentHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |22 | 23 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/IFilterPopupViewModel.js: -------------------------------------------------------------------------------- 1 | //===================================================================================== 2 | // 3 | // The Tesseris Free License 4 | // 5 | // Copyright(c) 2014 Tesseris Pro LLC 6 | // 7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | // software and associated documentation files(the "Software"), to deal in the Software 9 | // without restriction, including without limitation the rights to use, copy, modify, 10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | // permit persons to whom the Software is furnished to do so, subject to the following 12 | // conditions: 13 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/FilteringHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/Js100000RowsKnockout.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 | 13 |14 |
6 | 7 | 18 |19 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/ScriptJs.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" },
8 | //... add your items here
9 | ];
10 |
11 | var sampleModule = angular.module("SampleModule", ['TGrid'])
12 | .controller("ctrl", function ctrl($scope) {
13 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
14 | })
15 |
16 | $(function () {
17 | })
18 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/FilteringMobileHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |15 | 16 | 19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/GroupCollapsingKnockoutHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |14 | 15 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/hideHeader.md: -------------------------------------------------------------------------------- 1 | ####hideHeader 2 | 3 | You can choose do not render the grid header. If it is set to *true*, the grid header isn't rendered. 4 | 5 | **Value:** *true* or *false* 6 | 7 | **Default value:** *false* 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |5 | 12 |13 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/pageSlide.md: -------------------------------------------------------------------------------- 1 | ####pageSlide 2 | 3 | Sets how many pages should be visible (to the left and to the right from current) in a pager. 4 | 5 | **Value:** a number from 1 to the total pages count. 6 | 7 | **Default value:** *1*. 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |22 | 23 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | 30 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/jsHeaderTemplate.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |22 | 23 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" },
8 | //... add your items here
9 | ];
10 | var sampleModule = angular.module("SampleModule", ['TGrid'])
11 | .controller("ctrl", function ctrl($scope) {
12 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
13 | $scope.nameColumnTitle = "First Name";
14 | })
15 | $(function () {
16 | })
17 |
18 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/dataGViews.md:
--------------------------------------------------------------------------------
1 | ###data-g-views
2 |
3 | Defines in which mode display the column: in mobile, desktop or all modes.
4 |
5 | **Value:** *mobile* or *desktop* or *mobile,desktop*.
6 |
7 | **Default value:** *mobile,desktop*.
8 |
9 | **Example**:
10 |
11 | 12 |14 | ##### 15 |13 |
16 |18 | ##### 19 |17 |
20 |22 | ##### 23 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/GroupingWithVirtualizationHtmlKnock.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |21 |
4 |15 | 16 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/angular/AngularModuleTGrid.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 'use strict'; 3 | 4 | angular.module('TGrid', []) 5 | .directive('tGrid', TGrid.Angular.Directive) 6 | .directive('ngShowInFocus', function () { 7 | return { 8 | replace: true, 9 | restrict: 'A', 10 | link: function (scope, element, attr) { 11 | scope.$watch(attr.ngShowInFocus, function (value) { 12 | if (value) { 13 | element.css('display', 'block'); 14 | element.focus(); 15 | } else { 16 | element.css('display', 'none'); 17 | } 18 | }); 19 | } 20 | }; 21 | }); 22 | })(); -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/App_Start/RouteConfig.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Web; 5 | using System.Web.Mvc; 6 | using System.Web.Routing; 7 | 8 | namespace TesserisPro.TGrid.Web 9 | { 10 | public class RouteConfig 11 | { 12 | public static void RegisterRoutes(RouteCollection routes) 13 | { 14 | routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 15 | routes.IgnoreRoute("{resource}.md"); 16 | 17 | 18 | routes.MapRoute( 19 | name: "Default", 20 | url: "{controller}/{action}/{id}", 21 | defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 22 | ); 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Models/UIModel.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.ComponentModel.DataAnnotations; 4 | using System.Globalization; 5 | using System.Web.Mvc; 6 | using System.Web.Security; 7 | 8 | namespace TesserisPro.TGrid.Web.Models 9 | { 10 | public class UIModel 11 | { 12 | public string title { set; get; } 13 | public string url { set; get; } 14 | public string htmlUrl { set; get; } 15 | public string cssUrl { set; get; } 16 | public string jsUrl { set; get; } 17 | public string angularUrl { get; set; } 18 | public string angularHtmlUrl { set; get; } 19 | public string angularCssUrl { set; get; } 20 | public string angularJsUrl { set; get; } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/AngularModuleTGrid.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 'use strict'; 3 | 4 | angular.module('TGrid', []) 5 | .directive('tGrid', TGrid.Angular.Directive) 6 | .directive('ngShowInFocus', function () { 7 | return { 8 | replace: true, 9 | restrict: 'A', 10 | link: function (scope, element, attr) { 11 | scope.$watch(attr.ngShowInFocus, function (value) { 12 | if (value) { 13 | element.css('display', 'block'); 14 | element.focus(); 15 | } else { 16 | element.css('display', 'none'); 17 | } 18 | }); 19 | } 20 | }; 21 | }); 22 | })(); -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/CustomItemsProviderHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 13 |14 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/FooterViewModel.js: -------------------------------------------------------------------------------- 1 | var TesserisPro; 2 | (function (TesserisPro) { 3 | (function (TGrid) { 4 | var FooterViewModel = (function () { 5 | function FooterViewModel(totalCount, selectedItem, currentPage, totalPages) { 6 | this.totalCount = totalCount; 7 | this.selectedItem = selectedItem; 8 | this.currentPage = currentPage; 9 | this.totalPages = totalPages; 10 | } 11 | return FooterViewModel; 12 | })(); 13 | TGrid.FooterViewModel = FooterViewModel; 14 | })(TesserisPro.TGrid || (TesserisPro.TGrid = {})); 15 | var TGrid = TesserisPro.TGrid; 16 | })(TesserisPro || (TesserisPro = {})); 17 | //# sourceMappingURL=FooterViewModel.js.map 18 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/SimpleGridWithoutPagingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |5 |18 |6 |17 |7 | 15 | 16 |
5 |20 | 21 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/SimpleGridWithoutPagingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |6 |19 |7 |18 |8 | 16 | 17 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/enablePaging.md: -------------------------------------------------------------------------------- 1 | ####enablePaging 2 | 3 | Enables or disables paging. Only one of two grid settings: **enablePaging** or **enableVirtualScroll** should be set to *true* at the same time. 4 | 5 | **Value:** *true* or *false*. 6 | 7 | **Default value:** *false*. 8 | 9 | **Example:** 10 | 11 | #####For Knockout 12 | 13 |5 |18 |6 |17 |7 | 15 | 16 |
14 |17 | 18 | #####For Angular 19 | 20 |15 |16 |
21 |24 | 25 | ##### 26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGFilterMember.md: -------------------------------------------------------------------------------- 1 | ###data-g-filter-member 2 | 3 | This property is used to define an item's property for filtering. 4 | 5 | **Value:** Defines an item's property name, which value will be used for filtering this grid. 6 | 7 | **Default value:** property **data-g-member**. 8 | 9 | **Example:** 10 | 11 |22 | 23 |
12 |14 | ##### 15 | A JavaScript array of items. 16 |13 |
17 | var items = [
18 | { Name: "John", Surname: "Doe", Age: "33", NameLowCase: "john" }
19 | //... more items
20 | ];
21 |
22 | #####
23 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Angular/SimpleGridWithPercentHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 5 |20 | 21 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/lazyLoadingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |6 |19 |7 |18 |8 | 16 | 17 |
5 |20 | 21 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/lazyLoadingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |6 |19 |7 |18 |8 | 16 | 17 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/jsCustomActionsOnRowClick.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 |18 |6 |17 |7 | 15 | 16 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" }
8 | //... add your items here
9 | ];
10 | var sampleModule = angular.module("SampleModule", ['TGrid'])
11 | .controller("ctrl", function ctrl($scope) {
12 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
13 | $scope.rowClick = function (item, event) {
14 | alert("You just have clicked on row");
15 | };
16 | })
17 |
18 | $(function () {
19 | })
20 |
21 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Angular/PagingMobileHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Global.asax.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Linq; 4 | using System.Web; 5 | using System.Web.Http; 6 | using System.Web.Mvc; 7 | using System.Web.Routing; 8 | 9 | namespace TesserisPro.TGrid.Web 10 | { 11 | // Note: For instructions on enabling IIS6 or IIS7 classic mode, 12 | // visit http://go.microsoft.com/?LinkId=9394801 13 | public class MvcApplication : System.Web.HttpApplication 14 | { 15 | protected void Application_Start() 16 | { 17 | AreaRegistration.RegisterAllAreas(); 18 | 19 | WebApiConfig.Register(GlobalConfiguration.Configuration); 20 | FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 21 | RouteConfig.RegisterRoutes(RouteTable.Routes); 22 | } 23 | } 24 | } -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/IHtmlProvider.js: -------------------------------------------------------------------------------- 1 | //===================================================================================== 2 | // 3 | // The Tesseris Free License 4 | // 5 | // Copyright(c) 2014 Tesseris Pro LLC 6 | // 7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | // software and associated documentation files(the "Software"), to deal in the Software 9 | // without restriction, including without limitation the rights to use, copy, modify, 10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | // permit persons to whom the Software is furnished to do so, subject to the following 12 | // conditions: 13 | ///5 |18 |6 |17 |7 | 15 | 16 |
4 |19 | 20 | 23 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/jsCustomActionsOnRowClick.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 |18 |6 |17 |7 | 15 | 16 |
6 | var items = ko.mapping.fromJS([
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" }
8 | //... add your items here
9 | ])();
10 | function vm() {
11 | var self = this;
12 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
13 | self.rowClick = function (item, event) {
14 | alert("You just have clicked on row");
15 | };
16 | };
17 |
18 | $(function () {
19 | ko.applyBindings(new vm());
20 | });
21 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/dataGSortMember.md:
--------------------------------------------------------------------------------
1 | ###data-g-sort-member
2 |
3 | Defines the item's property for sorting.
4 |
5 | **Value:** Defines the item's property name, which value will be used for sorting this column.
6 |
7 | **Default value:** property **data-g-member**.
8 |
9 | **Example:**
10 |
11 | 12 |14 | ##### 15 | A JavaScript array of items. 16 |13 |
17 | var items = [
18 | { ProductId: "#1-3", ProductName: "Noodle", ProductIdSort: "13"}
19 | { ProductId: "#1/1", ProductName: "Bread", ProductIdSort: "11"}
20 | //... more items
21 | ];
22 |
23 | #####
24 |
27 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/enableVirtualScroll.md:
--------------------------------------------------------------------------------
1 | ####enableVirtualScroll
2 |
3 | Enables or disables virtual scrolling. Is enabled only if rows count is more then 100.
4 | Only one of two grid setting: **enablePaging** or **enableVirtualScroll** should be set to *true* at the same time.
5 |
6 | **Value:** *true* or *false*.
7 |
8 | **Default value:** *false*.
9 |
10 | **Example:**
11 |
12 | #####For Knockout
13 |
14 | 15 |18 | 19 | #####For Angular 20 | 21 |16 |17 |
22 |25 | 26 | ##### 27 | 28 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GroupingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |23 | 24 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/enableCollapsing.md: -------------------------------------------------------------------------------- 1 | ####enableCollapsing 2 | 3 | Enables or disables groups collapsing by click on a group header. 4 | To enable groups collapsing **enableCollapsing** setting should be set to *true* and **enableGrouping** setting should be set to true. 5 | 6 | **Value:** *true* or *false*. 7 | 8 | **Default value:** *false* 9 | 10 | **Example:** 11 | 12 | #####For Knockout 13 | 14 |5 |18 |6 |17 |7 | 15 | 16 |
15 |18 | 19 | #####For Angular 20 | 21 |16 |17 |
22 |25 | 26 | ##### 27 | 28 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/FilteringHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |23 | 24 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GroupingMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/FilteringMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGGroupMember.md: -------------------------------------------------------------------------------- 1 | ###data-g-group-member 2 | 3 | This property is used to define an item's property for grouping. 4 | 5 | **Value:** Defines an item's property name, which value will be used for grouping in the grid. 6 | 7 | **Default value:** property **data-g-member**. 8 | 9 | **Example**: 10 | 11 |5 |18 |6 |17 |7 | 15 | 16 |
12 |14 | ##### 15 | 16 | JavaScript array of items. 17 |13 |
18 | var items = [
19 | { Name: "John", Surname: "Doe", Age: "33 years 6 month", AgeGroup: "33" }
20 | { Name: "Angela", Surname: "Smith", Age: "33 years 3 month", AgeGroup: "33" }
21 | //... more items
22 | ];
23 |
24 | #####
25 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/HeaderTemplateHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |22 | 23 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GroupCollapsingAngularHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 20 |21 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GroupCollapsingMobileAngularHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GroupingWithVirtualizationHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |18 |6 |17 |7 | 15 | 16 |
4 |19 | 20 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/jsEditingWithCellTemplateKnockout.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 |18 |6 |17 |7 | 15 | 16 |
6 | var items = ko.mapping.fromJS([
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" }
8 | //... add your items here
9 | ])();
10 | function vm() {
11 | var self = this;
12 | self.editingItem = ko.observable(null);
13 | self.editingItem.extend({ notify: 'always' });
14 |
15 | self.toggleActive = function (item) {
16 | self.editingItem(item);
17 | }
18 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
19 |
20 | };
21 |
22 | $(function () {
23 | ko.applyBindings(new vm());
24 | });
25 |
26 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/selectionMode.md:
--------------------------------------------------------------------------------
1 | ####selectionMode
2 |
3 | Defines how many items can be selected in the TGrid. If the **rowClick** is defined, the **selectionMode** is set to *'none'*.
4 |
5 | **Value:**
6 |
7 | + "none" - you can't select any item
8 |
9 | + "single" - you can select only one item
10 |
11 | + "multi" - you can select more, then one item. For selecting more then one item, press key 'Ctrl'
12 |
13 | **Default value:** *single*.
14 |
15 | **Example:**
16 |
17 | #####For Knockout
18 |
19 | 20 |23 | 24 | #####For Angular 25 | 26 |21 |22 |
27 |30 | 31 | ##### 32 | 33 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/optionsColumns.md: -------------------------------------------------------------------------------- 1 | ### Options Columns 2 | 3 | The options.columns is the type of the TesserisPro.TGrid.ColumnInfo[] 4 | 5 | A class TesserisPro.TGrid.ColumnInfo: 6 | 7 |28 | 29 |
8 | class ColumnInfo {
9 | public header: Template;
10 | public cell: Template;
11 | public cellDetail: Template;
12 | public width: string;
13 | public device: string;
14 | public sortMemberPath: string;
15 | public groupMemberPath: string;
16 | public member: string;
17 | public resizable: boolean;
18 | public filterMemberPath: string;
19 | public notSized: boolean;
20 | public enableFiltering: boolean;
21 | public enableSorting: boolean;
22 | public enableGrouping: boolean;
23 | }
24 |
25 | ####
26 |
27 | The column's properties can be changed dynamically after the grid loading.
28 |
29 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Scripts/iframe/FooterDirective.js:
--------------------------------------------------------------------------------
1 | var TesserisPro;
2 | (function (TesserisPro) {
3 | /// 4 |24 | 25 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/HeaderTemplateHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 22 |23 |
4 |26 | 27 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/dataGMember.md: -------------------------------------------------------------------------------- 1 | ###data-g-member 2 | 3 | Sets the property name of the item in the data source items' array, which value should be displayed in the cell in the current column. 4 | 5 | **Value:** The item's property name, which value will be used for this grid column. 6 | 7 | **Default value:** there is no default value. 8 | 9 | **Example:** 10 | 11 | In HTML: 12 | 13 | 14 |5 |25 |6 |24 |7 | 22 | 23 |
15 |17 | ##### 18 | In JavaScript: 19 | 20 | A JavaScript array of items, where the every array element is a JavaScript object with the "Name" field. 21 | The "Name" field value is displayed in grid row in the column where the **data-g-member** is set to "Name" 22 | 23 | 24 |16 |
25 | var items = [
26 | { Name: "John", Surname: "Doe", Age: "33" }
27 | //... more items
28 | ];
29 |
30 |
31 | #####
32 | Result:
33 |
34 | 
35 |
36 |
39 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Scripts/init.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 | //$('#content').css({ "min-height": $(window).height() - ($('footer').height() + $('#wrapper header').height() + $('#tgrid-bar').height()) });
3 | $('#left').height($('#content').height());
4 | var left = ($('#wrapper').width() - $('#content').width()) / 2 - $('#left').width();
5 | $('#left').css({ "left": left });
6 | $('#right').height($('#content').height());
7 | $('#right').css({ "right": left });
8 |
9 |
10 | //$('#top').width($('#wrapper').width());
11 | //$('#bottom').width($('#wrapper').width());
12 | //document.getElementsByClassName('menu')[0].onclick = function (event) {
13 | // var menuItems = document.getElementsByClassName('menuItem');
14 | // for (var i = 0; i < menuItems.length; i++) {
15 | // menuItems[i].style.display = 'block';
16 | // event.stopPropagation();
17 | // document.onclick = function () {
18 | // for (var j = 0; j < menuItems.length; j++) {
19 | // menuItems[j].style.display = 'none';
20 | // };
21 | // };
22 | // }
23 | //};
24 |
25 | })
26 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Angular/CellTemplateHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |28 | 29 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Properties/PublishProfiles/tgridstg - FTP (2).pubxml: -------------------------------------------------------------------------------- 1 | 2 | 6 |5 |27 |6 |26 |7 | 24 | 25 |
4 | 9 |29 | 30 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/Scripts/typings/angularjs/angular-cookies.d.ts: -------------------------------------------------------------------------------- 1 | /// Type definitions for Angular JS 1.2 (ngCookies module) 2 | // Project: http://angularjs.org 3 | // Definitions by: Diego Vilar10 | 23 |24 |25 | Server call count: 26 |27 | 28 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" }
8 | //... add your items here
9 | ];
10 |
11 | var sampleModule = angular.module("SampleModule", ['TGrid'])
12 | .controller("ctrl", function ctrl($scope) {
13 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
14 | $scope.editingItem = null;
15 | $scope.valueForEditing = null;
16 | $scope.valueForSaving = null;
17 | $scope.colName = null;
18 | $scope.toggleActive = function (item, colValue, colName) {
19 | $scope.valueForEditing = colValue;
20 | $scope.valueForSaving = item;
21 | $scope.editingItem = colValue;
22 | $scope.colName = colName;
23 | }
24 | $scope.getValueForSaving = function (colName) {
25 | $scope.editingItem = null;
26 | $scope.valueForSaving[$scope.colName] = $scope.valueForEditing;
27 | return $scope.valueForSaving;
28 | }
29 | })
30 |
31 | $(function () {
32 | })
33 |
34 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid/web.Release.config:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | 4 |33 | 34 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/GetItemsCallsHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 31 |32 |
4 | 9 |33 | 34 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/Scripts/typings/angularjs/angular-sanitize.d.ts: -------------------------------------------------------------------------------- 1 | // Type definitions for Angular JS 1.2 (ngSanitize module) 2 | // Project: http://angularjs.org 3 | // Definitions by: Diego Vilar10 |31 | 32 |11 |27 |12 | 25 | 26 |28 | Server call count: {{demoData.serverCallCount}} 29 |30 |
4 |36 | 37 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/itemsProvider.md: -------------------------------------------------------------------------------- 1 | ####itemsProvider 2 | 3 | Defines an items provider for the grid. 4 | 5 | **Value:** JavaScript object that contains the items provider function. 6 | 7 | The simplest technique is to use the provided ArrayItemsProvider: 8 | 9 |5 | 34 |35 |
10 | var items = [
11 | { Name: "John", Surname: "Doe", Age: "33" }
12 | //... more items
13 | ];
14 |
15 | function vm() {
16 | var self = this;
17 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
18 | };
19 |
20 | ####
21 | Another provided itemsProvider is the ServerItemsProvider.
22 |
23 | For more complex requirements you can create your own custom itemsProvider.
24 | You have two alternate interfaces to choose from:
25 |
26 | 1. Implement the getItems & getTotalItemsCount methods.
27 | See Demo "Custom Items Provider".
28 |
29 | 2. Implement the getItemsAndTotalCount method.
30 | More suited to returning server data, this interface ties the items & totalCount data together
31 | and reduces the server calls TGrid makes. See Demo "Get Items calls".
32 |
33 |
34 | **Default value:** there isn't any default value.
35 |
36 | **Example:**
37 |
38 | #####For Knockout
39 |
40 | 41 |44 | 45 | #####For Angular 46 | 47 |42 |43 |
48 |51 | 52 | ##### 53 | 54 | 57 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/CellTemplateMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |49 | 50 |
4 |38 | 39 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/jsFooterTemplateKnockout.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 |37 |6 |36 |7 | 34 | 35 |
6 | var items = [];
7 | var getRandomInt = function getRandomInt(min, max) {
8 | return Math.floor(Math.random() * (max - min + 1) + min);
9 | }
10 |
11 | var generateRandomInt = getRandomInt;
12 | (function (generateRandomInt, items) {
13 | var names = ['Angela', 'Bella', 'Chris', 'Donna', 'Elizabeth', 'Fiona', 'George', 'Henry', 'Inga', 'Julia', 'Ken', 'Laurence', "John", "Sharilyn", "Matthew", "Jasmine", "Ashley", "Christiana",
14 | "Cathrine", "Alison","Nicole", "Theron", "Rob", "Larry", "Tina", "Nelson", "Ted", "William" ];
15 | var surnames = ['Smith', 'Jones', 'Taylor', 'Williams', 'Brown', 'Davies', 'Evans', 'Wilson', 'Thomas', 'Roberts', 'Johnson', "Figgins","Seidel","Holz","Newlin", "Swanson", "Ronan", "Lewis",
16 | 'Carter', 'Collins', "Thrush", 'Murphy', 'Turner', 'Ham'];
17 | var path = document.getElementById("url") != null ? document.getElementById("url").value : "/";
18 | for (var i = 0; i < 2000; i++) {
19 | items.push({
20 | Name: names[generateRandomInt(0, names.length - 1)],
21 | Surname: surnames[generateRandomInt(0, surnames.length - 1)],
22 | Age: generateRandomInt(20, 60),
23 | });
24 | }
25 | })(generateRandomInt, items);
26 |
27 | function vm() {
28 | var self = this;
29 | self.nameColumnTitle = "First Name";
30 |
31 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
32 | };
33 |
34 | $(function () {
35 | ko.applyBindings(new vm());
36 | });
37 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/RowsWithVirtualizationHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |38 | 39 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/IFooterViewModel.js: -------------------------------------------------------------------------------- 1 | //===================================================================================== 2 | // 3 | // The Tesseris Free License 4 | // 5 | // Copyright(c) 2014 Tesseris Pro LLC 6 | // 7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | // software and associated documentation files(the "Software"), to deal in the Software 9 | // without restriction, including without limitation the rights to use, copy, modify, 10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | // permit persons to whom the Software is furnished to do so, subject to the following 12 | // conditions: 13 | // 14 | // 1. The above copyright notice and this permission notice shall be included in all 15 | // copies or substantial portions of the Software. 16 | // 17 | // 2. Any software that fully or partially contains or uses materials covered by 18 | // this license shall notify users about this notice and above copyright.The 19 | // notification can be made in "About box" and / or site main web - page footer.The 20 | // notification shall contain name of Tesseris Pro company and name of the Software 21 | // covered by current license. 22 | // 23 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 24 | // INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 25 | // PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 26 | // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 27 | // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 28 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 29 | // 30 | //===================================================================================== 31 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/Performance100000RowsWithPagingHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 | 36 |37 |
4 |37 | 38 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/license.js: -------------------------------------------------------------------------------- 1 | //!===================================================================================== 2 | //! 3 | //! The Tesseris Free License 4 | //! 5 | //! Copyright(c) 2014 Tesseris Pro LLC 6 | //! 7 | //! Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | //! software and associated documentation files(the "Software"), to deal in the Software 9 | //! without restriction, including without limitation the rights to use, copy, modify, 10 | //! merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | //! permit persons to whom the Software is furnished to do so, subject to the following 12 | //! conditions: 13 | //! 14 | //! 1. The above copyright notice and this permission notice shall be included in all 15 | //! copies or substantial portions of the Software. 16 | //! 17 | //! 2. Any software that fully or partially contains or uses materials covered by 18 | //! this license shall notify users about this notice and above copyright.The 19 | //! notification can be made in "About box" and / or site main web - page footer.The 20 | //! notification shall contain name of Tesseris Pro company and name of the Software 21 | //! covered by current license. 22 | //! 23 | //! THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 24 | //! INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 25 | //! PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 26 | //! HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 27 | //! OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 28 | //! SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 29 | //! 30 | //!===================================================================================== 31 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/Scripts/typings/knockout.mapping/knockout.mapping.d.ts: -------------------------------------------------------------------------------- 1 | // Type definitions for Knockout.Mapping 2.0 2 | // Project: https://github.com/SteveSanderson/knockout.mapping 3 | // Definitions by: Boris Yankov5 |36 |6 |35 |7 | 33 | 34 |
16 |19 | ##### 20 | Example of the grid with details settings and a details template: 21 | 22 |17 |18 |
23 |33 | 34 | #####For Angular 35 | 36 |24 | 31 |32 |
37 |40 | ##### 41 | Example of the grid with details settings,a details template and one column: 42 |38 | 39 |
43 |57 | 58 | ##### 59 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/iframe/license.js: -------------------------------------------------------------------------------- 1 | //!===================================================================================== 2 | //! 3 | //! The Tesseris Free License 4 | //! 5 | //! Copyright(c) 2014 Tesseris Pro LLC 6 | //! 7 | //! Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | //! software and associated documentation files(the "Software"), to deal in the Software 9 | //! without restriction, including without limitation the rights to use, copy, modify, 10 | //! merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | //! permit persons to whom the Software is furnished to do so, subject to the following 12 | //! conditions: 13 | //! 14 | //! 1. The above copyright notice and this permission notice shall be included in all 15 | //! copies or substantial portions of the Software. 16 | //! 17 | //! 2. Any software that fully or partially contains or uses materials covered by 18 | //! this license shall notify users about this notice and above copyright.The 19 | //! notification can be made in "About box" and / or site main web - page footer.The 20 | //! notification shall contain name of Tesseris Pro company and name of the Software 21 | //! covered by current license. 22 | //! 23 | //! THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 24 | //! INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 25 | //! PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 26 | //! HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 27 | //! OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 28 | //! SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 29 | //! 30 | //!===================================================================================== 31 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/AddRemoveItemsWithItemsProviderHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |44 |56 |45 |55 |46 | 53 | 54 |
4 |63 | 64 | 67 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Scripts/Highlighter/shBrushJScript.js: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | ;(function() 18 | { 19 | // CommonJS 20 | typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null; 21 | 22 | function Brush() 23 | { 24 | var keywords = 'break case catch continue ' + 25 | 'default delete do else false ' + 26 | 'for function if in instanceof ' + 27 | 'new null return super switch ' + 28 | 'this throw true try typeof var while with' 29 | ; 30 | 31 | var r = SyntaxHighlighter.regexLib; 32 | 33 | this.regexList = [ 34 | { regex: r.multiLineDoubleQuotedString, css: 'string' }, // double quoted strings 35 | { regex: r.multiLineSingleQuotedString, css: 'string' }, // single quoted strings 36 | { regex: r.singleLineCComments, css: 'comments' }, // one line comments 37 | { regex: r.multiLineCComments, css: 'comments' }, // multiline comments 38 | { regex: /\s*#.*/gm, css: 'preprocessor' }, // preprocessor tags like #region and #endregion 39 | { regex: new RegExp(this.getKeywords(keywords), 'gm'), css: 'keyword' } // keywords 40 | ]; 41 | 42 | this.forHtmlScript(r.scriptScriptTags); 43 | }; 44 | 45 | Brush.prototype = new SyntaxHighlighter.Highlighter(); 46 | Brush.aliases = ['js', 'jscript', 'javascript']; 47 | 48 | SyntaxHighlighter.brushes.JScript = Brush; 49 | 50 | // CommonJS 51 | typeof(exports) != 'undefined' ? exports.Brush = Brush : null; 52 | })(); 53 | -------------------------------------------------------------------------------- /TGrid.sln: -------------------------------------------------------------------------------- 1 | 2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio 2013 4 | VisualStudioVersion = 12.0.21005.1 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "TesserisPro.TGrid", "TesserisPro.TGrid\TesserisPro.TGrid.csproj", "{F9339722-A757-47E2-897B-70AB9D202365}" 7 | EndProject 8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "TesserisPro.TGrid.Web", "TesserisPro.TGrid.Web\TesserisPro.TGrid.Web.csproj", "{65B99E41-E965-4FFC-A97B-8D51DD380C60}" 9 | EndProject 10 | Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = ".nuget", ".nuget", "{C3A8FBFA-D74A-445C-8742-A8C7672427BB}" 11 | ProjectSection(SolutionItems) = preProject 12 | .nuget\NuGet.Config = .nuget\NuGet.Config 13 | .nuget\NuGet.exe = .nuget\NuGet.exe 14 | .nuget\NuGet.targets = .nuget\NuGet.targets 15 | EndProjectSection 16 | EndProject 17 | Global 18 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 19 | Debug|Any CPU = Debug|Any CPU 20 | Release|Any CPU = Release|Any CPU 21 | EndGlobalSection 22 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 23 | {F9339722-A757-47E2-897B-70AB9D202365}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 24 | {F9339722-A757-47E2-897B-70AB9D202365}.Debug|Any CPU.Build.0 = Debug|Any CPU 25 | {F9339722-A757-47E2-897B-70AB9D202365}.Release|Any CPU.ActiveCfg = Release|Any CPU 26 | {F9339722-A757-47E2-897B-70AB9D202365}.Release|Any CPU.Build.0 = Release|Any CPU 27 | {65B99E41-E965-4FFC-A97B-8D51DD380C60}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 28 | {65B99E41-E965-4FFC-A97B-8D51DD380C60}.Debug|Any CPU.Build.0 = Debug|Any CPU 29 | {65B99E41-E965-4FFC-A97B-8D51DD380C60}.Release|Any CPU.ActiveCfg = Release|Any CPU 30 | {65B99E41-E965-4FFC-A97B-8D51DD380C60}.Release|Any CPU.Build.0 = Release|Any CPU 31 | EndGlobalSection 32 | GlobalSection(SolutionProperties) = preSolution 33 | HideSolutionNode = FALSE 34 | EndGlobalSection 35 | EndGlobal 36 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/AddRemoveItemsWithItemsProviderHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |47 |6 | 7 |
24 |8 | 22 | 23 |9 | Name 10 | 11 |12 | Surname 13 | 14 |15 | Age 16 | 17 |18 | 19 |20 | 21 |25 | 26 |
46 |27 | 44 | 45 |28 | 29 | 30 | 31 |32 | 33 | 34 |35 | 36 | 37 |38 | 41 |Add 39 |40 |42 | 43 |48 | 61 |62 |
4 |64 | 65 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/EditingWithCellTemplateHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |5 |63 |6 |62 |7 |46 |8 | 9 |
24 |10 | 22 | 23 |11 | Name 12 | 13 |14 | Surname 15 | 16 |17 | Age 18 | 19 |20 | 21 |25 | 26 |
45 |27 | 43 | 44 |28 | 29 | 30 | 31 |32 | 33 | 34 |35 | 36 | 37 |38 | 40 |Add39 |41 | 42 |47 | 60 | 61 |
4 |27 | 28 | 31 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Content/dynamicReconfiguration.css: -------------------------------------------------------------------------------- 1 | .tgrid-tablebodycontainer { 2 | height: 130px; 3 | } 4 | 5 | #tableColumnActionsHeader{ 6 | margin: 0; 7 | border: 1px solid #BEBEBE; 8 | width: 670px; 9 | } 10 | 11 | #tableColumnDeleteBody{ 12 | width: 651px; 13 | border: none; 14 | } 15 | 16 | #tableColumnAddBody { 17 | border-top: none; 18 | border: 1px solid #BEBEBE; 19 | margin: 0 0 10px 0; 20 | width: 670px; 21 | } 22 | 23 | #changeOptionsCheckboxes{ 24 | display: inline-block; 25 | color: #555; 26 | } 27 | 28 | .bordedHeader{ 29 | color: #555; 30 | border: 1px solid #BEBEBE; 31 | width: 145px; 32 | height: 25px; 33 | padding: 5px 5px 1px 2px; 34 | margin: 5px 0; 35 | } 36 | 37 | fieldset{ 38 | color: grey; 39 | margin: 0 0 10px 0; 40 | border: 1px solid #BEBEBE; 41 | height: 270px; 42 | } 43 | 44 | #tableContainer{ 45 | max-height: 130px; 46 | overflow-y: scroll; 47 | width: 668px; 48 | border-left: 1px solid #BEBEBE; 49 | border-right: 1px solid #BEBEBE; 50 | } 51 | 52 | #tableColumnAddBody input{ 53 | width:110px; 54 | color: #555; 55 | border: 1px solid #9F9F9F; 56 | } 57 | 58 | #tableColumnAddBody select{ 59 | color:#555; 60 | } 61 | 62 | #tableColumnAddBody select:disabled{ 63 | color:#BEBEBE; 64 | border:1px solid #BEBEBE; 65 | } 66 | 67 | #tableColumnDeleteBody tr td{ 68 | line-height: normal; 69 | } 70 | 71 | .grid-add-button, .grid-delete-button { 72 | width: 16px; 73 | height: 16px; 74 | display: inline-block; 75 | border: 1px solid #969696; 76 | text-align: center; 77 | margin: 2px; 78 | cursor: default; 79 | } 80 | 81 | .grid-delete-button{ 82 | background: url(images/delete.png) no-repeat; 83 | 84 | } 85 | 86 | .grid-add-button{ 87 | background: url(images/add.png) no-repeat; 88 | margin: 8px 0 0 2px; 89 | } 90 | 91 | legend{ 92 | color: grey; 93 | } 94 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/rowClick.md: -------------------------------------------------------------------------------- 1 | ####rowClick 2 | 3 | Sets a row click handler function name, which can be used in your sample view model to set your action on a row click. The handler function has 2 parameters: an *item* and an *event*. The *item* is an element of your itemsProvider array, binded to the clicked row. The *event* is a mouse event click. 4 | 5 | If the **rowClick** setting is defined, then the **selectionMode** setting is set to 'none' and the **showDetailsOnSelection** setting is set to 'false'. 6 | 7 | **Value:** a string. 8 | 9 | **Default value:** null. 10 | 11 | **Example:** 12 | 13 | #####For Knockout 14 | In HTML: 15 | 16 |5 | 25 |26 |
17 |20 | ##### 21 | In JavaScript in a knockout view model you should have an observable variable with a name that equals the **rowClick** value. 22 | 23 |18 |19 |
24 | function vm() {
25 | var self = this;
26 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
27 | self.rowClickHandler = function (item, event) {
28 | alert("item: " + item);
29 | }
30 | }
31 |
32 |
33 | #####For Angular
34 |
35 | 36 |39 | ##### 40 | In JavaScript in an angular controller you should have a variable with a name that equals the **rowClick** value. 41 | 42 |37 | 38 |
43 | var sampleModule = angular.module("SampleModule", ['TGrid'])
44 | .controller("ctrl", function ctrl($scope) {
45 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
46 | $scope.rowClickHandler = function (item, event) {
47 | alert("item: " + item);
48 | }
49 | })
50 |
51 |
52 | #####
53 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Angular/jsAddRemoveItemsWithItemsProvider.cshtml:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 | var items = [
7 | { Name: "John", Surname: "Figgins", Age: "20", detail: "Person details: John Figgins, 20 years, accounter", detail_Name: "First name: John", detail_Surname: "Last name: Figgins" },
8 | { Name: "Sharilyn", Surname: "Ham", Age: "52", detail: "Person details: Sharilyn Ham, 52 years, sales manager", detail_Name: "First name: Sharilyn", detail_Surname: "Last name: Ham" },
9 | { Name: "Matthew", Surname: "Holz", Age: "42", detail: "Person details: Matthew Holz, 42 years, loan officer", detail_Name: "First name: Matthew", detail_Surname: "Last name: Holz" },
10 | { Name: "Jasmine", Surname: "Seidel", Age: "32", detail: "Person details: Jasmine Seidel, 32 years, sales manager", detail_Name: "First name: Jasmine", detail_Surname: "Last name: Seidel" },
11 | { Name: "Ashley", Surname: "Ronan", Age: "33", detail: "Person details: Ashley Ronan, 33 years, cashier", detail_Name: "First name: Ashley", detail_Surname: "Last name: Ronan" },
12 | { Name: "Christiana ", Surname: "Gardella", Age: "35", detail: "Person details: item Christiana Gardella, 35 years, cashier", detail_Name: "First name: Christiana", detail_Surname: "Last name: Gardella" },
13 | ];
14 |
15 | var sampleModule = angular.module("SampleModule", ['TGrid'])
16 | .controller("ctrl", function ctrl($scope) {
17 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
18 | $scope.itemToAdd = { Name: "", Surname: "", Age: "" };
19 | $scope.addItem = function (itemToAdd) {
20 | var item = {};
21 | item.Name = itemToAdd.Name;
22 | item.Surname = itemToAdd.Surname;
23 | item.Age = itemToAdd.Age;
24 | $scope.dataProvider.addItem(item);
25 | }
26 | $scope.removeItem = function (item) {
27 | $scope.dataProvider.removeItem(item);
28 | }
29 | })
30 |
31 | $(function () {
32 | })
33 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/FilteringGroupingSortingHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |30 | 31 | 34 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/ready.md: -------------------------------------------------------------------------------- 1 | ####ready 2 | 3 | Sets a grid after loading handler function, which will be used in your sample view model to set actions after grid loading. The handler function has 1 parameter: an *options*. An *options* is an object of the TesserisPro.TGrid.Options type with initialized TGrid options inside. 4 | 5 | In case Knockout: If the **ready** is defined, you should add a function in your sample view model, with a name, which is the same as the **ready** value. If you don't do this, the exception "Unable to process binding" occurs. 6 | 7 | **Value:** any acceptable value for function name. 8 | 9 | **Default value:** doesn't have default value. 10 | 11 | **Example:** 12 | 13 | #####For Knockout 14 | In HTML: 15 | 16 |5 | 28 |29 |
17 |20 | ##### 21 | In JavaScript in a knockout view model you should have an observable variable with a name that equals the **ready** setting value. 22 | 23 |18 |19 |
24 | function vm() {
25 | var self = this;
26 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
27 |
28 | self.gridReady = function (options) {
29 | alert("Grid is ready");
30 | }
31 | }
32 |
33 |
34 | #####For Angular
35 |
36 | 37 |40 | ##### 41 | In JavaScript in an angular controller you should have a variable with a name that equals the **ready** setting value. 42 | 43 |38 | 39 |
44 | var sampleModule = angular.module("SampleModule", ['TGrid'])
45 | .controller("ctrl", function ctrl($scope) {
46 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
47 | $scope.gridReady = function (options) {
48 | alert("Grid is ready");
49 | }
50 | })
51 |
52 |
53 | #####
54 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/FilteringGroupingSortingMobileHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 4 |30 | 31 | 34 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Knockout/jsAddRemoveItemsWithItemsProvider.cshtml: -------------------------------------------------------------------------------- 1 | 4 | 5 |5 | 28 |29 |
6 | 36 |37 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/packages.config: -------------------------------------------------------------------------------- 1 | 2 |
4 |42 | 43 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Index.cshtml: -------------------------------------------------------------------------------- 1 | @{ 2 | ViewBag.Title = "TGrid by Tesseris Pro"; 3 | Layout = "~/Views/Shared/_Layout.cshtml"; 4 | } 5 | 6 |5 |41 |6 |40 |7 | 38 | 39 |
7 | [:\\w-\\.]+)', 'xg').exec(code),
29 | result = []
30 | ;
31 |
32 | if (match.attributes != null)
33 | {
34 | var attributes,
35 | regex = new XRegExp('(? [\\w:\\-\\.]+)' +
36 | '\\s*=\\s*' +
37 | '(? ".*?"|\'.*?\'|\\w+)',
38 | 'xg');
39 |
40 | while ((attributes = regex.exec(code)) != null)
41 | {
42 | result.push(new constructor(attributes.name, match.index + attributes.index, 'color1'));
43 | result.push(new constructor(attributes.value, match.index + attributes.index + attributes[0].indexOf(attributes.value), 'string'));
44 | }
45 | }
46 |
47 | if (tag != null)
48 | result.push(
49 | new constructor(tag.name, match.index + tag[0].indexOf(tag.name), 'keyword')
50 | );
51 |
52 | return result;
53 | }
54 |
55 | this.regexList = [
56 | { regex: new XRegExp('(\\<|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\\>|>)', 'gm'), css: 'color2' }, //
57 | { regex: SyntaxHighlighter.regexLib.xmlComments, css: 'comments' }, //
58 | { regex: new XRegExp('(<|<)[\\s\\/\\?]*(\\w+)(?.*?)[\\s\\/\\?]*(>|>)', 'sg'), func: process }
59 | ];
60 | };
61 |
62 | Brush.prototype = new SyntaxHighlighter.Highlighter();
63 | Brush.aliases = ['xml', 'xhtml', 'xslt', 'html'];
64 |
65 | SyntaxHighlighter.brushes.Xml = Brush;
66 |
67 | // CommonJS
68 | typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
69 | })();
70 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/enableGroupingOptions.md:
--------------------------------------------------------------------------------
1 | ####enableGrouping
2 |
3 | Enables or disables grouping for grid.
4 |
5 | **Value:** *true* or *false*.
6 |
7 | **Default value:** *false*.
8 |
9 | [enableGrouping in Grid Settings](#!/GridSettings/enableGrouping)
10 |
11 | Example of a dynamic change **enableGrouping** grid setting:
12 |
13 | #####For Knockout
14 | In HTML you should define the **options** setting:
15 |
16 |
8 |
43 |
44 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid/SortDescriptor.ts:
--------------------------------------------------------------------------------
1 | //=====================================================================================
2 | //
3 | // The Tesseris Free License
4 | //
5 | // Copyright(c) 2014 Tesseris Pro LLC
6 | //
7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this
8 | // software and associated documentation files(the "Software"), to deal in the Software
9 | // without restriction, including without limitation the rights to use, copy, modify,
10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to
11 | // permit persons to whom the Software is furnished to do so, subject to the following
12 | // conditions:
13 |
14 | // 1. The above copyright notice and this permission notice shall be included in all
15 | // copies or substantial portions of the Software.
16 | //
17 | // 2. Any software that fully or partially contains or uses materials covered by
18 | // this license shall notify users about this notice and above copyright.The
19 | // notification can be made in "About box" and / or site main web - page footer.The
20 | // notification shall contain name of Tesseris Pro company and name of the Software
21 | // covered by current license.
22 | //
23 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
24 | // INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
25 | // PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
26 | // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
27 | // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
28 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
29 | //
30 | //=====================================================================================
31 |
32 |
33 | module TesserisPro.TGrid {
34 | export class SortDescriptor {
35 | constructor(path: string, asc: boolean) {
36 | this.path = path;
37 | this.asc = asc;
38 | }
39 | public path: string;
40 | public asc: boolean;
41 | }
42 | }
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Views/Home/Knockout/DetailsTemplateMobileHtml.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
9 |
23 |
24 |
10 | 
11 |
12 | Fast and Smart
13 |14 | TGrid is fully compatible with Angular, Knockout.JS, TypeScript and JQuery and has weak dependency on these technologies. This means that you can use TGrid with any this technology or without any. You can even implement your own adapter for your own technology. 15 |
16 |17 | TGrid supports grouping, sorting, filtering, lazy loading (virtualization) in any combination on any device. 18 |
19 |20 | TGrid is fully customizable. You can define header template, cell template, footer template, filtering popup, filtering logic and many more features. 21 |
22 |
25 |
41 |
42 |
26 |
27 |
28 |
29 |
40 | Ready for mobile touch devices
30 |31 | Out-of-the-box, TGrid is ready for touch. TGrid supports all touch events and works perfectly on iPhone, Android, Windows Phone. TGrid automatically changes layout from classical table to detailed list when screen size is changed. 32 |
33 |34 | All features including virtual scrolling and grouping are working on both layouts. Even scroll position is preserved after layout is changed. 35 |
36 |37 | Try this link on mobile device. 38 |
39 |4 |43 | 44 | -------------------------------------------------------------------------------- /TesserisPro.TGrid/IFilterPopupViewModel.ts: -------------------------------------------------------------------------------- 1 | //===================================================================================== 2 | // 3 | // The Tesseris Free License 4 | // 5 | // Copyright(c) 2014 Tesseris Pro LLC 6 | // 7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this 8 | // software and associated documentation files(the "Software"), to deal in the Software 9 | // without restriction, including without limitation the rights to use, copy, modify, 10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to 11 | // permit persons to whom the Software is furnished to do so, subject to the following 12 | // conditions: 13 | 14 | // 1. The above copyright notice and this permission notice shall be included in all 15 | // copies or substantial portions of the Software. 16 | // 17 | // 2. Any software that fully or partially contains or uses materials covered by 18 | // this license shall notify users about this notice and above copyright.The 19 | // notification can be made in "About box" and / or site main web - page footer.The 20 | // notification shall contain name of Tesseris Pro company and name of the Software 21 | // covered by current license. 22 | // 23 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 24 | // INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 25 | // PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 26 | // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 27 | // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 28 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 29 | // 30 | //===================================================================================== 31 | 32 | 33 | module TesserisPro.TGrid { 34 | 35 | export interface IFilterPopupViewModel { 36 | onOpen(options: Options, column: ColumnInfo); 37 | onApply(); 38 | onClear(); 39 | onClose(); 40 | getColumnInfo(): ColumnInfo; 41 | onCloseFilterPopup(container: HTMLElement); 42 | } 43 | } -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/gridSettings.md: -------------------------------------------------------------------------------- 1 | ##TGrid settings 2 | 3 | Grid settings are defined in a TGrid template, implemented in a knockout binding or in an angular directive 't-grid'. 4 | Some of TGrid settings have default values and this is not required to define them in the template. One required setting is **provider**. 5 | 6 | #####For Knockout 7 | 8 |5 | 41 |42 |
9 |12 | 13 | #####For Angular 14 | 15 |10 |11 |
16 |19 | 20 | ##### 21 | 22 | The value of *provider* should be defined in the view model in Knockout and in the controller in Angular. 23 | 24 | A simple **Knockout view model** in JavaScript: 25 | 26 |17 | 18 |
27 | function vm() {
28 | var self = this;
29 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
30 | };
31 |
32 | #####
33 | In **Angular** you define a **main module** with a controller, where a dataProvider is instantiated.
34 |
35 |
36 | var sampleModule = angular.module("SampleModule", ['TGrid'])
37 | .controller("ctrl", function ctrl($scope) {
38 | $scope.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
39 | })
40 |
41 | #####
42 | The *items* is an array in JavaScript:
43 |
44 |
45 | var items = [
46 | { Name: "John", Surname: "Doe", Age: "33" }
47 | //... more items
48 | ];
49 |
50 | #####
51 |
52 | The TGrid template with many grid settings:
53 |
54 | #####For Knockout
55 |
56 | 57 |60 | 61 | #####For Angular 62 | 63 |58 |59 |
64 |67 | 68 | ##### 69 | 70 | 73 | 74 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Views/Home/Angular/DetailsTemplateMobileHtml.cshtml: -------------------------------------------------------------------------------- 1 | 2 | 3 |65 | 66 |
4 |48 | 49 | -------------------------------------------------------------------------------- /TesserisPro.TGrid.Web/Markdown/pageSizeOptions.md: -------------------------------------------------------------------------------- 1 | ####pageSize. 2 | 3 | Defines how many items are displayed on 1 page. 4 | 5 | **Value:** a number from 1 to the total items count. 6 | 7 | **Default value:** *10*. 8 | 9 | An example of the dynamic change the **pageSize** grid setting: 10 | 11 | #####For Knockout 12 | In HTML you should define an **options** setting: 13 | 14 |5 |47 |6 |46 |7 | 44 | 45 |
15 |18 | ##### 19 | In JavaScript in a knockout view model you should have an observable variable with a name that equals the **options** setting value. 20 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **pageSize** 21 | can be changed to *7* using the function 'pageSize'. 22 | 23 |16 |17 |
24 | function vm() {
25 | var self = this;
26 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
27 | self.gridOptions = ko.observable();
28 |
29 | self.pageSize = function () {
30 | self.gridOptions().pageSize = 7;
31 | self.gridOptions().applyHandler();
32 | }
33 | }
34 |
35 |
36 | #####For Angular
37 | In HTML you should define an **options** setting:
38 | 39 |42 | ##### 43 | In JavaScript in an angular controller you should have a variable with a name equals the **options** setting value. 44 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **pageSize** 45 | can be changed to *7* using the function 'pageSize'. 46 | 47 |40 | 41 |
48 | var sampleModule = angular.module("SampleModule", ['TGrid'])
49 | .controller("ctrl", function ctrl($scope) {
50 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
51 | $scope.gridOptions;
52 | $scope.pageSize = function () {
53 | $scope.gridOptions.pageSize = 7;
54 | $scope.gridOptions.applyHandler();
55 | }
56 | })
57 |
58 |
59 | #####
60 |
61 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/enablePagingOptions.md:
--------------------------------------------------------------------------------
1 | ####enablePaging
2 |
3 | Enables or disables paging.
4 |
5 | **Value:** *true* or *false*.
6 |
7 | **Default value:** *false*.
8 |
9 | [enablePaging in Grid Settings](#!/GridSettings/enablePaging)
10 |
11 | Example of a dynamic change the **enablePaging** grid setting:
12 |
13 | #####For Knockout
14 | In HTML you should define the **options** setting:
15 |
16 | 17 |20 | ##### 21 | In JavaScript in the knockout view model you should have the observable variable with the name equals the **options** setting value. 22 | You can change grid options dynamically after grid loading. In example below, the grid setting **enablePaging** 23 | can be changed using the function 'enablePaging'. 24 | 25 |18 |19 |
26 | function vm() {
27 | var self = this;
28 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
29 | self.gridOptions = ko.observable();
30 |
31 | self.enablePaging = function () {
32 | self.gridOptions().enablePaging = true;
33 | self.gridOptions().applyHandler();
34 | }
35 | }
36 |
37 |
38 | #####For Angular
39 | In HTML you should define the **options** setting:
40 | 41 |44 | ##### 45 | In JavaScript in the angular controller you should have variable with the name equals the **options** setting value. 46 | You can change grid options dynamically after grid loading. In example below the grid setting **enablePaging** 47 | can be changed using the function 'enablePaging'. 48 | 49 |42 | 43 |
50 | var sampleModule = angular.module("SampleModule", ['TGrid'])
51 | .controller("ctrl", function ctrl($scope) {
52 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
53 | $scope.gridOptions;
54 | $scope.enablePaging = function () {
55 | $scope.gridOptions.enablePaging = true;
56 | $scope.gridOptions.applyHandler();
57 | }
58 | })
59 |
60 |
61 | #####
62 |
63 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/hideHeaderOptions.md:
--------------------------------------------------------------------------------
1 | ####hideHeader
2 |
3 | You can choose do not render the grid header. If it is set to *true*,the grid header isn't rendered.
4 |
5 | **Value:** *true* or *false*
6 |
7 | **Default value:** *false*
8 |
9 | Example of a dynamic change the **hideHeader** grid setting:
10 |
11 | #####For Knockout
12 | In HTML you should define an **options** setting:
13 | 14 |17 | ##### 18 | In JavaScript in the knockout view model you should have an observable variable with the name equals the **options** setting value. 19 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **hideHeader** 20 | can be changed using the function 'hideHeader'. 21 | 22 |15 |16 |
23 | function vm() {
24 | var self = this;
25 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
26 | self.gridOptions = ko.observable();
27 |
28 | self.hideHeader = function () {
29 | self.gridOptions().hideHeader = true;
30 | self.gridOptions().applyHandler();
31 | }
32 | }
33 |
34 |
35 | #####For Angular
36 | In HTML you should define an **options** setting:
37 | 38 |41 | ##### 42 | In JavaScript in the angular controller you should have a variable with a name that equals the **options** setting value. 43 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **hideHeader** 44 | can be changed using the function 'hideHeader'. 45 | 46 |39 | 40 |
47 | var sampleModule = angular.module("SampleModule", ['TGrid'])
48 | .controller("ctrl", function ctrl($scope) {
49 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
50 | $scope.gridOptions;
51 | $scope.hideHeader = function () {
52 | $scope.gridOptions.hideHeader = true;
53 | $scope.gridOptions.applyHandler();
54 | }
55 | })
56 |
57 |
58 | #####
59 |
60 |
61 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid/IFooterViewModel.ts:
--------------------------------------------------------------------------------
1 | //=====================================================================================
2 | //
3 | // The Tesseris Free License
4 | //
5 | // Copyright(c) 2014 Tesseris Pro LLC
6 | //
7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this
8 | // software and associated documentation files(the "Software"), to deal in the Software
9 | // without restriction, including without limitation the rights to use, copy, modify,
10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to
11 | // permit persons to whom the Software is furnished to do so, subject to the following
12 | // conditions:
13 | //
14 | // 1. The above copyright notice and this permission notice shall be included in all
15 | // copies or substantial portions of the Software.
16 | //
17 | // 2. Any software that fully or partially contains or uses materials covered by
18 | // this license shall notify users about this notice and above copyright.The
19 | // notification can be made in "About box" and / or site main web - page footer.The
20 | // notification shall contain name of Tesseris Pro company and name of the Software
21 | // covered by current license.
22 | //
23 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
24 | // INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
25 | // PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
26 | // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
27 | // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
28 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
29 | //
30 | //=====================================================================================
31 |
32 |
33 | module TesserisPro.TGrid {
34 |
35 | export interface IFooterViewModel {
36 | setTotalCount(totalCount: number);
37 | setSelectedItem(selectedItem: any);
38 | setCurrentPage(currentPage: number);
39 | setTotalPages(totalPages: number);
40 | changePage(pageNumber: string);
41 | goToPreviousPagesBlock();
42 | goToNextPagesBlock();
43 | goToFirstPage();
44 | goToLastPage();
45 | }
46 |
47 | }
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/enableSortingOptions.md:
--------------------------------------------------------------------------------
1 | ####enableSorting
2 |
3 | Enables or disables Sorting.
4 |
5 | **Value:** *true* or *false*.
6 |
7 | **Default value:** *false*.
8 |
9 | [enableSorting in Grid Settings](#!/GridSettings/enableSorting)
10 |
11 | Example of a dynamic change the **enableSorting** grid setting:
12 |
13 | #####For Knockout
14 | In HTML you should define the **options** setting:
15 |
16 | 17 |20 | ##### 21 | In JavaScript in the knockout view model you should have the observable variable with the name equals the **options** settings value. 22 | You can change grid options dynamically after grid loading. In example below, the grid setting **enableSorting** 23 | can be changed using the function 'enableSorting'. 24 | 25 |18 |19 |
26 | function vm() {
27 | var self = this;
28 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
29 | self.gridOptions = ko.observable();
30 |
31 | self.enableSorting = function () {
32 | self.gridOptions().enableSorting = true;
33 | self.gridOptions().applyHandler();
34 | }
35 | }
36 |
37 |
38 | #####For Angular
39 | In HTML you should define the **options** setting:
40 | 41 |44 | ##### 45 | In JavaScript in the angular controller you should have variable with the name equals the **options** setting value. 46 | You can change grid options dynamically after grid loading. In example below, the grid setting **enableSorting** 47 | can be changed using the function 'enableSorting'. 48 | 49 |42 | 43 |
50 | var sampleModule = angular.module("SampleModule", ['TGrid'])
51 | .controller("ctrl", function ctrl($scope) {
52 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
53 | $scope.gridOptions;
54 | $scope.enableSorting = function () {
55 | $scope.gridOptions.enableSorting = true;
56 | $scope.gridOptions.applyHandler();
57 | }
58 | })
59 |
60 |
61 | #####
62 |
63 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Markdown/pageSlideOptions.md:
--------------------------------------------------------------------------------
1 | ####pageSlide
2 |
3 | Sets how many pages should be visible (to the left and to the right from current) in a pager in the grid footer.
4 |
5 | **Value:** a number from 1 to the total pages count.
6 |
7 | **Default value:** *1*.
8 |
9 | Example of a dynamic change a **pageSlide** grid setting:
10 |
11 | #####For Knockout
12 | In HTML you should define an **options** setting:
13 |
14 | 15 |18 | ##### 19 | In JavaScript in a knockout view model you should have an observable variable with a name that equals the **options** setting value. 20 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **pageSlide** 21 | can be changed using the function 'pageSlide'. 22 | 23 |16 |17 |
24 | function vm() {
25 | var self = this;
26 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
27 | self.gridOptions = ko.observable();
28 |
29 | self.pageSlide = function () {
30 | self.gridOptions().pageSlide = 5;
31 | self.gridOptions().applyHandler();
32 | }
33 | }
34 |
35 |
36 | #####For Angular
37 | In HTML you should define an **options** setting:
38 | 39 |42 | ##### 43 | In JavaScript in an angular controller you should have a variable with a name that equals to the **options** setting value. 44 | You can change the grid options dynamically after the grid loading. In the example below the grid setting **pageSlide** 45 | can be changed using the function 'pageSlide'. 46 | 47 |40 | 41 |
48 | var sampleModule = angular.module("SampleModule", ['TGrid'])
49 | .controller("ctrl", function ctrl($scope) {
50 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
51 | $scope.gridOptions;
52 | $scope.pageSlide = function () {
53 | $scope.gridOptions.pageSlide = 5;
54 | $scope.gridOptions.applyHandler();
55 | }
56 | })
57 |
58 |
59 | #####
60 |
61 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid.Web/Scripts/Highlighter/shBrushXml.js:
--------------------------------------------------------------------------------
1 | /**
2 | * SyntaxHighlighter
3 | * http://alexgorbatchev.com/SyntaxHighlighter
4 | *
5 | * SyntaxHighlighter is donationware. If you are using it, please donate.
6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
7 | *
8 | * @version
9 | * 3.0.83 (July 02 2010)
10 | *
11 | * @copyright
12 | * Copyright (C) 2004-2010 Alex Gorbatchev.
13 | *
14 | * @license
15 | * Dual licensed under the MIT and GPL licenses.
16 | */
17 | ;(function()
18 | {
19 | // CommonJS
20 | typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;
21 |
22 | function Brush()
23 | {
24 | function process(match, regexInfo)
25 | {
26 | var constructor = SyntaxHighlighter.Match,
27 | code = match[0],
28 | tag = new XRegExp('(<|<)[\\s\\/\\?]*(?17 |20 | ##### 21 | In JavaScript in the knockout view model you should have the observable variable with the name equals the **options** settings value. 22 | You can change grid options dynamically after grid loading. In example below, the grid setting **enableGrouping** 23 | can be changed using the function 'enableGrouping'. 24 | 25 |18 |19 |
26 | function vm() {
27 | var self = this;
28 | self.itemsProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
29 | self.gridOptions = ko.observable();
30 |
31 | self.enableGrouping = function () {
32 | self.gridOptions().enableGrouping = true;
33 | self.gridOptions().applyHandler();
34 | }
35 | }
36 |
37 |
38 | #####For Angular
39 | In HTML you should define the **options** setting:
40 | 41 |44 | ##### 45 | In JavaScript in the angular controller you should have the variable with the name equals the **options** settings value. 46 | You can change grid options dynamically after grid loading. In example below,the grid setting **enableGrouping** 47 | can be changed using the function 'enableGrouping'. 48 | 49 |42 | 43 |
50 | var sampleModule = angular.module("SampleModule", ['TGrid'])
51 | .controller("ctrl", function ctrl($scope) {
52 | $scope.dataProvider = new TesserisPro.TGrid.ArrayItemsProvider(items);
53 | $scope.gridOptions;
54 | $scope.enableGrouping = function () {
55 | $scope.gridOptions.enableGrouping = true;
56 | $scope.gridOptions.applyHandler();
57 | }
58 | })
59 |
60 |
61 | #####
62 |
63 |
--------------------------------------------------------------------------------
/TesserisPro.TGrid/GroupHeaderDescriptor.ts:
--------------------------------------------------------------------------------
1 | //=====================================================================================
2 | //
3 | // The Tesseris Free License
4 | //
5 | // Copyright(c) 2014 Tesseris Pro LLC
6 | //
7 | // Permission is hereby granted, free of charge, to any person obtaining a copy of this
8 | // software and associated documentation files(the "Software"), to deal in the Software
9 | // without restriction, including without limitation the rights to use, copy, modify,
10 | // merge, publish, distribute, sublicense, and / or sell copies of the Software, and to
11 | // permit persons to whom the Software is furnished to do so, subject to the following
12 | // conditions:
13 |
14 | // 1. The above copyright notice and this permission notice shall be included in all
15 | // copies or substantial portions of the Software.
16 | //
17 | // 2. Any software that fully or partially contains or uses materials covered by
18 | // this license shall notify users about this notice and above copyright.The
19 | // notification can be made in "About box" and / or site main web - page footer.The
20 | // notification shall contain name of Tesseris Pro company and name of the Software
21 | // covered by current license.
22 | //
23 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
24 | // INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
25 | // PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
26 | // HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
27 | // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
28 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
29 | //
30 | //=====================================================================================
31 |
32 | module TesserisPro.TGrid {
33 | export class GroupHeaderDescriptor {
34 | value: string;
35 | level: number;
36 | collapse: boolean;
37 | filterDescriptor: FilterDescriptor;
38 | constructor(value: string, level: number, collapse: boolean, filterDescriptor: FilterDescriptor) {
39 | this.collapse = collapse;
40 | this.value = value;
41 | this.level = level;
42 | this.filterDescriptor = filterDescriptor;
43 | }
44 | }
45 | }
--------------------------------------------------------------------------------